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内 容 简 介 


ASPNET 是 Web 应 用 程序 开发 的 主流 技术 之 一 。 本 书 以 Visual Studio Community 2017 为 开发 平台 ， 以 
技术 应 用 能 力 培养 为 主线 , 介绍 网 站 配置 .开发 环境 jQuery、.Bootstrap .与 ASPNET 结合 的 C# 基 础 .ASPNET 
页 面 调试 、ASPNET 常用 服务 器 控件 、 验 证 控件 、 状 态 管理 、LINQ 数据 访问 、 数 据 绑 定 、ASPNET 三 层 架 
构 、 主 题 、 母 版 . 用户 控 件 、 网 站 导航 、ASPNET Ajax、Web 服务 、WCF 服务 、 文 件 处 理 等 , 最 后 的 MyPetShop 
应 用 程序 综合 了 开发 全 过 程 ， 提 供 了 基于 ASPNET 三 层 架 构 开发 Web 应 用 程序 的 学 习 模板 。 书 中 包含 的 实 
例 来 自作 者 多 年 的 教学 积累 和 项 目 开发 经 验 ， 颇 具 实 用 性 。 

为 方便 教师 教学 和 读者 自学 ， 本 书 通过 嵌入 二 维 码 形式 提供 了 书 中 重点 内 容 的 讲解 视频 ， 还 有 配套 的 实 
验 指导 书 《Web 程序 设计 一 一 ASPNET 上 机 实验 指导 (第 3 版 )》， 以 及 配套 的 免费 课件 、 教 学 大 纲 、 实 验 
大 纲 、 实 例 源 代码 等 。 

本 书 概念 清晰 、 逻 辑 性 强 ， 内 容 由 浅 入 深 、 循 序 渐进 ， 适 合作 为 高 等 院 校 计算 机 相关 专业 的 Web 程序 
设计 、 网 络 程序 设计 、Web 数据 库 应 用 等 课程 的 教材 ， 也 适合 对 Web 应 用 程序 开发 有 兴趣 的 人 员 自 学 使 用 。 
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目前 ，ASPNET 是 进行 Web 应 用 程序 开发 的 主流 技术 之 一 。 该 技术 易学 易 用 、 开 发 效 
率 高 ， 可 配合 任何 一 种 .NET 语言 进行 开发 。 

基于 Visual Studio Community 2017 开发 平台 的 ASPNET 建立 在 .NET Framework 4.6 基础 
上 ， 强 调 开 发 人 员 的 工作 效率 ， 着 力 提升 系统 运行 性 能 和 可 扩展 性 。 通 过 使 用 LINQ 技术 ， 
可 提供 跨 各 种 数据 源 和 数据 格式 查询 数据 的 一 致 模型 。 它 包含 的 ASPNET Ajax 极 大 地 简化 
了 在 ASPNET 网 站 中 对 页 面 局 部 刷新 效果 的 实现 。 使 用 Visual Studio Community 2017， 能 很 
好 地 支持 XHTML5、CSS3、jQuery、Bootstrap 等 ， 实 现 JavaScript 的 智能 编程 提示 ， 还 支持 
开发 适合 物 联网 应 用 和 智能 手机 应 用 等 连接 到 互联 网 的 基于 云 的 现代 应 用 程序 ， 能 实现 
Windows、Mac 和 Linux 等 操作 系统 上 的 跨 平 台 开发 和 部 署 。 

本 书 紧 扣 基于 Visual Studio Community 2017 的 ASPNET 进行 Web 应 用 程序 开发 所 需要 
的 知识 、 技 能 和 素质 要 求 ， 以 技术 应 用 能 力 培养 为 主线 构建 教材 内 容 。 强 调 以 学 生 为 主体 ， 
履 盖 基础 知识 和 理论 体系 ， 突 出 实用 性 和 可 操作 性 ， 强 化 实例 教学 ， 通 过 实际 训练 加 强 对 理 
论 知识 的 理解 。 注 重 知识 和 技能 结合 ,把 知识 点 融入 实际 项 目的 开发 中 。 在 这 种 思想 指导 下 ， 
本 书 内 容 组 织 如 下 : 

第 1 章 介 绍 基于 Visual Studio Community 2017 的 ASPNET 的 运行 、 开 发 环境 和 网 站 配 
置 等 。 

第 2 章 以 知识 够 用 为 原则 , 介绍 采用 ASPNET 技术 进行 Web 应 用 程序 开发 的 准备 知识 ， 
主要 包括 核心 的 XHTMLS 元 素 、 页 面 模型 、 实 现 布 局 的 CSS3、 提 升 用 户 体验 的 JavaScript、 
广 受 欢迎 的 jQuery、 标准 的 数据 交换 格式 语言 XML、 配置 文件 、 全 局 应 用 程序 类 文件 、 主 流 
的 前 端 框架 Bootstrap 等 。 

第 3 章 给 出 了 c# 的 浓缩 版 ,并 且 在 介绍 时 直接 与 ASPNET 技术 结合 ,还 介绍 了 ASPNET 
页 面 调试 技术 。 

第 4 章 和 第 5 章 介绍 ASPNET 标准 控件 和 验证 控件 的 运用 。 

第 6 章 介绍 ASPNET 页 面 运行 时 的 HTTP 请 求 、 响 应 、 状 态 管理 机 制 。 

第 7 章 介 绍 利用 数据 源 控件 和 LINQ 技术 访问 数据 库 的 方法 ， 还 介绍 利用 LINQ 技术 访 
问 XML 数据 的 方法 。 其 实 ， 熟 练 掌 握 LINQ 技术 可 实现 任何 数据 访问 要 求 。 

第 8 章 介 绍 利用 数据 绑 定 控件 呈现 数据 库 中 数据 的 技术 。 

第 9 章 以 MyPetShop 应 用 程序 中 的 用 户 管理 为 例 ， 介 绍 当 前 普遍 使 用 的 ASPNET 三 层 
架构 ， 以 及 利用 ASPNET 三 层 架 构 进行 Web 应 用 程序 开发 的 方法 。 

第 10 章 从 网 站 整体 风格 统一 角度 介绍 主题 、 母 版 和 用 户 控件 的 运用 。 
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第 11 章 介 绍 网 站 导航 技术 。 

第 12 章 介绍 能 提升 用 户 体验 的 ASPNET Ajax 技术 。 

第 13 章 介绍 Intemet 上 广泛 调用 的 Web 服务 和 Microsoft 公司 推出 的 WCF 服务 。 

第 14 章 介绍 Web 服务 器 上 的 文件 处 理 。 

第 15 章 纵览 全 局 ， 通 过 MyPetShop 应 用 程序 综合 实例 ， 说 明了 基于 ASPNET 三 层 架 构 
进行 Web 应 用 程序 开发 的 全 过 程 ， 给 出 了 一 个 很 好 的 学 习 模板 。 

本 书 以 Visual Studio Community 2017 为 开发 平台 ， 使 用 C# 开 发 语言 ， 提 供 大 量 来 源 于 
作者 多 年 教学 积累 和 项 目 开发 经 验 的 实例 。 

为 方便 教师 教学 和 读者 自学 ， 本 书 通过 嵌入 二 维 码 形式 提供 了 书 中 重点 内 容 的 讲解 视 
频 ， 还 有 配套 的 实验 指导 书 《Web 程序 设计 一 一 ASPNET 上 机 实验 指导 (第 3 版 )》， 以 及 配 
套 的 免费 课件 、 教 学 大 纲 、 实 验 大 纲 、 实 例 源 代码 等 。 有 关 课 件 、 实 例 源 代码 等 可 到 清华 大 
学 出 版 社 网 站 http://www.tup.com.cn 下 载 。 

本 书 概念 清晰 、 逻 辑 性 强 ， 内 容 由 浅 入 深 、 循序 渐进 ， 适 合作 为 高 等 院 校 计算 机 相关 专 
业 的 Web 程序 设计 、 网 络 程序 设计 、Web 数据 库 应 用 等 课程 的 教材 ， 也 适合 对 Web 应 用 程 
序 开发 有 兴趣 的 人 员 自 学 使 用 。 

本 书 由 沈 士 根 负 责 统 稿 ， 其 中 ， 沈 士 根 编写 第 1 一 9 章 ， 叶 晓 彤 编写 第 10 一 15 章 。 

本 书 第 1 版 、 第 2 版 , 以 及 配套 的 《Web 程序 设计 一 一 ASPNET 上 机 实验 指导 》 第 1 版 、 
第 2 版 分 别 在 2009 年 和 2014 年 出 版 , 主教 材 累 计 印 刷 21 次 , 配套 的 上 机 指导 教材 累计 印刷 
14 次 ， 受 到 了 众多 高 校 和 广大 读者 的 欢迎 ， 很 多 不 相识 的 读者 来 邮件 与 我 们 交流 并 给 出 了 宝 

希望 本 书 能 成 为 初学 者 从 入 门 到 精通 的 阶梯 。 对 于 书 中 存在 的 玻 漏 及 不 足 之 处 ， 欢 迎 读 
者 发 邮件 与 我 们 交流 ， 以 便 再 版 时 改进 。 我 们 的 邮箱 是 ssgwcyxxd@126.com。 
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ASP.NET 运行 及 开发 环境 


* 理解 ASPNET 网 站 的 页 面 构成 ， 了 解 ASPNET 的 基础 .NET Framework。 
* 了 解 ASPNET 的 开发 模式 。 

* 熟悉 ASPNET 运行 环境 及 IIS 网 站 、Web 应 用 程序 、 虚 拟 目 录 设 置 。 

* 熟悉 Visual Studio Community 2017 开发 环境 。 

* 掌握 通过 解决 方案 管理 网 站 的 方法 、Web 应 用 程序 的 发 布 和 网 站 的 复制 。 


1.1 ASPNET 概述 


ASPNET 基于 .NET Framework， 使 用 NET 语言 调用 .NET Framework 类 库 ， 实 现 Web 应 
用 程序 开发 。 实 际 工 程 中 的 ASPNET 网 站 通常 包含 静态 页 面 和 动态 页 面 。 


1.1.1 静态 页 面 和 动态 页 面 


静态 页 面 不 包含 需要 在 服务 器 端 运行 的 代码 ， 只 包含 HTML 元 素 和 CSS 样式 ， 一 般 以 
扩展 名 htm 或 html 存储 。 静 态 页 面 的 内 容 一 经 制 成 ， 就 不 会 再 变化 ,不管 何 时 何人 访问 ， 显 
示 的 都 是 相同 的 内 容 。 虽然 静态 页 面 存储 在 Web 服务 器 上 , 但 解释 执行 静态 页 面 完 全 由 浏览 
器 下 载 后 完成 。 因 此 ， 查 看 静态 页 面 设计 的 效果 不 需要 Web 服务 器 ， 只 需要 浏览 器 。 

动态 页 面 不 仅 可 以 包含 HTML 元 素 和 CSS 样式 ， 还 可 以 包含 JavaScript 代码 和 需要 在 
Web 服务 器 端 编译 执行 的 代码 。 动 态 页 面 的 开发 技术 除 本 书 采用 的 ASPNET 外 ,还 有 ASP、 
JSP、PHP 等 。 动 态 页 面 的 内 容 存 储 于 数据 库 中 ，Web 服务 器 可 以 根据 不 同 用 户 发 出 的 不 同 
请 求 ， 为 其 提供 个 性 化 的 页 面 内 容 。 实 际 执 行 时 ， 所 有 动态 页 面 都 需要 由 Web 服务 器 转换 成 
静态 页 面 后 ， 才 能 在 用 户 浏 览 器 中 显示 最 终 效果 。 

在 同一 个 ASPNET 网 站 中 ， 同 时 存在 静态 页 面 和 动态 页 面 是 很 正常 的 。 当 页 面 内 容 可 
以 直接 通过 页 面 设计 而 不 需要 通过 改变 数据 库 中 的 数据 进行 更 新 时 , 常 使 用 静态 页 面 , 反之 ， 
则 使 用 动态 页 面 。 由 于 静态 页 面 不 需要 Web 服务 器 的 编译 执行 ,所 以 静态 页 面 的 访问 速度 要 
快 于 动态 页 面 。 因 此 ， 门 户 网 站 通常 将 动态 页 面 转换 成 静态 页 面 ， 以 提高 用 户 的 浏览 访问 速 
度 。 同 时 ， 这 种 转换 还 可 以 让 搜索 引擎 更 加 容易 地 检索 到 网 站 的 关键 词 。 


1.1.2 NET Framework 


.NET Framework 是 一 套 Microsoft 应 用 程序 开发 的 框架 ， 主 要 目的 是 要 提供 一 个 一 致 的 
开发 模型 。 作 为 Windows 的 一 种 组 件 , 它 为 下 一 代 应 用 程序 和 XML Web 服务 提供 支持 。NET 
Framework 旨 在 实现 以 下 目标 : 提供 一 个 一 致 的 面向 对 象 的 编程 环境 ;提供 一 个 实现 软件 部 
署 和 版 本 冲突 最 小 化 的 执行 环境 ;提供 一 个 可 提高 代码 执行 安全 性 的 环境 ;使 开发 人 员 在 面 
对 Windows 应 用 程序 和 Web 应 用 程序 时 保持 一 致 的 开发 流程 。 
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.NET Framework 具有 两 个 主要 组 件 : 公共 语言 运行 库 CCommon Language Runtime, CLR) 
和 .NET Framework 类 库 。CLR 是 .NET Framework 的 基础 ， 提 供 内 存 管理 、 线 程 管理 和 远程 
处 理 等 核心 服务 ， 并 且 强 制 实施 严格 的 类 型 安全 来 提高 代码 执行 的 安全 性 和 可 靠 性 。 通 常 把 
以 CLR 为 基础 运行 的 代码 称 为 托管 代码 , 而 不 以 CLR 为 基础 运行 的 代码 称 为 非 托管 代 码 。NET 
Framework 类 库 完 全 面向 对 象 ， 与 CLR 紧密 集成 ， 可 以 使 用 它 开发 多 种 应 用 程序 ， 如 传统 的 
Windows 应 用 程序 、Web 服务 和 ASPNET 网 站 等 。 


1.1.3 ASPNET 特性 


很 多 人 把 ASPNET 当 作 一 种 编程 语言 , 但 它 实 际 上 是 .NET Framework 提供 的 一 个 组 件 。 
任何 .NET 语言 均 可 以 引用 该 组 件 来 生成 企业 级 ASPNET 网 站 所 必需 的 各 种 页 面 。 概 括 起 来 ， 
ASPNET 具有 以 下 特性 。 

1， 与 .NET Framework 完美 整合 

ASPNET 作为 .NET Framework 的 一 部 分 ， 可 以 像 开 发 其 他 .NET 应 用 程序 一 样 地 使 用 类 
库 , 也 就 是 说 , 在 Microsoft 提供 的 Visual Studio (VS ) 开发 环境 中 , ASPNET 网 站 和 Windows 
应 用 程序 的 开发 原理 是 一 致 的 。 并 且 ，ASP.NET 网 站 的 开发 可 使 用 任何 一 种 .NET 语言 ， 本 
书 的 所 有 实例 均 采 用 C#。 

2. ASP.NET 属于 编译 型 而 非 解释 型 

ASP.NET 网 站 编译 有 两 个 阶段 。 第 一 阶段 ， 当 ASP.NET 页 面 被 首次 访问 或 ASP.NET 网 
站 被 预 编 译 时 , 包含 的 语言 代码 将 被 编译 成 微软 中 间 语 言 MSIL 代码 。 第 二 阶段 , 当 ASP.NET 
页 面 实际 执行 前 ，MSIL 代码 将 以 即时 编译 形式 被 编译 成 机 器 语言 。 图 1-1 给 出 了 基于 C# 的 
ASP.NET 页 面 编译 流程 。 


C# 代 码 














C# 编 译 器 





即时 编译 


机 器 语言 代码 执行 





MSIL 代 码 





图 1-1 基于 C# 的 ASPNET 页 面 编译 流程 


1.1.4 ASP.NET 的 开发 模式 


ASPNET 的 开发 模式 包括 ASPNET Web 窗 体 、ASPNET MVC、ASPNET Core 等 ,实际 
开发 时 选择 何 种 开发 模式 要 根据 具体 需求 和 公司 开发 人 员 的 背景 来 确定 ， 本 书 采用 ASPNET 
Web 窗 体 开发 模式 。 

1，ASP.NET Web 窗 体 

自 Microsoft 公司 提出 .NET 至 今 ，ASPNET Web 窗 体 一 直 是 普遍 使 用 的 开发 模式 。 实 际 
开发 时 ， 一 个 ASPNET Web 窗 体 包含 XHTML、ASPNET 控件 等 用 于 页 面 呈 现 的 标记 ， 以 及 
采用 .NET 语言 (如 C#) 处 理 页 面 和 控件 事件 的 代码 。 

2. ASP.NET MVC 

与 ASPNET Web 窗 体 包含 标记 和 代码 不 同 的 是 ，ASPNET MVC 包含 模型 、 视 图 和 控制 
器 。 其 中 ， 模 型 用 于 实现 数据 逻辑 操作 ， 视 图 用 于 显示 应 用 程序 的 用 户 界面 ， 控 制 器 作为 模 
型 和 视图 的 中 间 组 件 ， 处 理 用 户 交互 , 使 用 模型 获取 数据 并 生成 视图 ， 再 显示 到 用 户 界 面 上 。 
这 种 模式 使 Web 应 用 程序 开发 中 的 输入 逻辑 、 业 务 逻 辑 和 界面 逻辑 相互 分 离 ， 方便 实现 并 行 
开发 流程 。 
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3. ASP.NET Core 

ASPNET Core 是 ASPNET 的 重 构 版 本 ， 运 行 于 NET Core 和 .NET Framework 上 ,能 
于 构建 如 Web 应 用 、 物 联网 应 用 和 智能 手机 应 用 等 连接 到 互联 网 的 基于 云 的 现代 应 用 程序 。 
它 具 有 典型 的 模块 化 特点 ， 人 允许 开发 者 通过 NuGet 程序 包 管理 器 以 插件 的 形式 添加 应 用 所 
需要 的 模块 ， 这 样 可 以 在 不 影响 其 他 模块 的 基础 上 升级 应 用 中 的 任意 一 个 模块 。 它 支持 在 
Windows、Mac 和 Linux 等 操作 系统 上 实现 跨 平台 开发 和 部 署 ， 并 且 可 以 部 署 在 云 上 或 者 本 
地 服务 器 上 。 




















1.2 IIS 


IIS (Intermet 信息 服务 ) 提供 了 集成 、 可 靠 的 Web 服务 器 功能 ， 常 用 于 部 署 实际 和 运行 的 
ASPNET 网 站 。IIS 的 版 本 与 操作 系统 有 关 ， 如 Windows 7 旗舰 版 对 应 IS 7.5。 伴随 VS 2017 
安装 的 IS Express 提供 了 轻 量 的 Web 服务 器 功能 ， 常 用 于 ASPNET 网 站 开发 阶段 的 测试 。 

注意 : 在 VS 2017 中 进行 网 站 设计 与 开发 时 ， 可 以 仅 使 用 IIS Express 运行 网 站 ， 不 需要 
额外 安装 操作 系统 中 的 IIS。 


1.2.1 IIS 7.5 的 安装 


下 面 以 在 Windows 7 旗舰 版 上 安装 IS 7.S 为 例 说 明 o IIS 7.5 的 安装 
选择 “开始 ”一 “控制 面板 ”一 “程序 和 功能 ”一 “打开 或 关闭 Windows 
功能 ”命令 ， 在 呈现 的 对 话 框 中 选中 “Intemet 信息 服务 ” 复 选 框 。 展 开 “Intemet 信息 服 
务 ” 一 “万 维 网 服务 ”选项 ， 在 “安全 性 ”选项 下 选中 “Windows 身份 验证 ”和 “请 求 筛选 ” 
复 选 框 ; 在 “应 用 程序 开发 功能 ”选项 下 分 别 选中 “NET 扩展 性 ”、ASPNET、“ISAPI 扩展 ” 
“ISAPI 筛选 器 ”等 复 选 枉 ， 选 择 后 的 界面 如 图 1-2 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 完成 安装 。 


Emal sm 











打开 或 关闭 Windows 功能 
若 要 打开 一 种 功能 ， 请 选择 其 复 选 框 。 若 要 关闭 一 各 功能 ， 请 清除 其 复 选 框 。 填 充 的 框 表示 仅 打开 该 功能 的 一 部 分 


日 加 Internet 信息 服务 
田 加 入 FTP 服务 器 
田 轩 入 Web 管理 工具 
日 加 此 万 维 网 服务 
日 加 是 安全 性 
固 业 11S 客户 庙 证 书 映射 身份 验证 
加 上 P 安 全 
转 睦 URL 授 权 
团 全 Windows 身 份 验证 
回 几 基本 身份 验证 
固 几 客户 端 证 书 映射 身份 验证 
回炉 请 求 第 先 
因此 摘要 式 身份 验证 
而 上 常见 HTTP 功能 
加 上 性 能 功能 
日 大正 应 用 程序 开发 功能 
回 发 NET 扩展 狂 
加 Asp 
回 卜 AsPNET 
加 cr 
国有 ISAPI 扩 展 
团 有 ISAPI 籍 选 跨 

















图 1-2 选择 安装 “Intemet 信息 服务 ”界面 
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注意 : 若 IIS 7.5 在 VS 2017 安装 后 再 安装 ,为 使 IIS 能 运行 基于 VS 2017 开发 的 ASPNET 
页 面 ， 需 要 注册 ASPNET。 其 步骤 是 先 以 管理 员 身 份 运行 cmd.exe 文件 ， 再 在 其 后 出 现 的 窗 
口中 输入 命令 %windir%\Microsoft.NET\Framework\v4.0.30319\aspnet regiis -i， 完 成 注册 。 


1.2.2 IS 7.5 中 的 网 站 、Web 应 用 程序 和 虚拟 目录 


在 IS 7.5 中 ， 网 站 是 Web 应 用 程序 的 容器 ， 可 以 通过 绑 定 人 P 地 址 、 端 口 和 可 选 的 主机 
名 来 访问 网 站 。Web 应 用 程序 是 一 种 在 应 用 程序 池 中 运行 并 通过 HTTP 协议 向 用 户 提供 Web 
内 容 的 程序 。 其 中 ， 应 用 程序 池 用 于 工作 进程 的 运行 配置 ， 并 保证 各 工作 进程 的 独立 运行 ， 
即使 有 Web 应 用 程序 出 现 故 障 也 不 会 影响 到 其 他 Web 应 用 程序 的 运行 。 虚 拟 目 录 是 映射 到 
本 地 或 远程 Web 服务 器 上 的 物理 文件 夹 的 别名 。 

网 站 、Web 应 用 程序 和 虚拟 目录 在 组 织 结 构 上 呈现 出 一 种 层次 关系 。 一 个 网 站 必须 包含 
一 个 或 多 个 Web 应 用 程序 ,一 个 Web 应 用 程序 必须 包含 一 个 或 多 个 虚拟 目录 。 可 通过 “Intermet 
信息 服务 (IS) 管理 器 ”配置 IS 7.5 中 的 网 站 、Web 应 用 程序 和 虚拟 目录 ， 配 置 后 的 组 织 结 
构 关 系 存储 在 %windir%\System32\inetsrv\config\applicationHost.config 文件 的 <sites> 元 素 中 。 

注意 : IIS 7.5 中 的 网 站 与 VS 2017 中 的 网 站 不 是 同一 个 概念 。 实 际 上 ，IIS 7.5 中 的 Web 
应 用 程序 与 VS 2017 中 的 网 站 相对 应 。 

1. 在 HS 7.5 中 添加 网 站 

下 面 以 在 HS 7.5 中 建立 Book 网 站 为 例 进行 说 明 ， 其 中 对 应 的 物理 路 径 
为 DIS\Book， 卫 地 址 为 10.1.1.2， 端 口号 为 8080。 回 

(1) 选择 “开始 ”一 “控制 面板 ”一 “系统 和 安全 ”一 “管理 工具 ”一 ”在 IIS7.5 中 添 
“Intermet 信息 服务 (IS) 管理 器 ”命令 ， 呈 现 如 图 1-3 所 示 的 界面 。 加 网 站 













) [s ， YX-20180206YRYR » ET 
文件 四 视图 V) 帮助 册 


rm 傅 | Yx-20180206YRYR 主页 
-| 加 YX-20180206YRY ， 箱 选 . "并 开 始 (GO 吊 全 部 显示 (A) | 分 组 依据 ; 区 域 " 国 > 
总 应 用 程序 池 


























于 网 站 ASP.NET 2 
\2 党 名 
多 图 久 和 岛 查看 应 有 
.NET 编译 .NET 错误 页 NET 全球 化 .NET 授权 规 .NET 信任 级 SMTP 电子 查 特 网 站 “二 下 
则 别 邮件 更 改 .NET Framework 版 
— 一 恒 本 
划 人 和 园 四 esm 
会 话 状 态 ”计算 机 密 钥 连接 字符 帅 ”提供 程序 页 面 和 控件 应 用 程序 设 联机 帮助 
置 
TS 
个 丑 间 新 滞 转 











HTTP 响应 ISAPI 和 CGI ISAPI 籍 选 ”MIME 类 型 处 理 程序 映 错误 页 























标 头 限制 器 对 
y : \ > 
恒 种 才 © 里 
服务 器 证 书 “工作 进程 模块。 默认 文档 。 目录 浏览 ”请求 第 先 之 
MT | 加 功能 视图 | 属 内 容 视图 

















图 1-3 “Intemet 信息 服务 (IIS) 管理 器 ”界面 
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(2) 在 图 1-3 中 ， 右 击 “ 网 站 ”选项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 网 站 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 输入 网 站 名 称 Book、 物 理 路 径 DTIS\Book、 端 口 8080， 如 图 1-4 所 示 。 
最 后 单 击 “人 确定” 按钮， 建立 Book 网 站 。 此 后 ， 若 在 浏览 器 中 输入 http://10.1.1.2:8080/ 
Default.aspx， 则 表示 访问 D:\IS\Book\Default.aspx。 

















De 国 | 
传递 身份 验证 

绑 定 

BD: 太 地 址 @): DO 
全 部 未 分 配 ~ 080 
主机 名 (H): 


示例 : www.contoso.com 或 marketing contosocom 


团 立即 启动 网 站 (M) 














[mw 
| Ne | 
图 1-4 “添加 网 站 ”对 话 框 

注意 : 通过 改变 端口 号 可 以 在 一 台 主 机 上 同时 运行 多 个 网 站 。 另 外 ，80 端口 为 HTTP 协 
议 的 默认 端口 ， 也 就 是 说 ， 若 一 个 网 站 的 端口 号 为 80， 则 在 浏览 器 中 输入 地 址 时 不 需要 输入 
端口 号 。 

2. 在 IIS 7.5 中 添加 应 用 程序 池 

下 面 以 在 Book 网 站 中 建立 Chap 应 用 程序 池 为 例 进行 说 明 。 在 图 1-3 中 ， 
右 击 “ 应 用 程序 池 ” 选 项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 应 用 程序 池 ” 命 ”在 TS75 中 汪 
令 , 然后 在 呈现 的 对 话 框 中 输入 名 称 Chap， 如 图 1-5 所 示 。 最 后 单 击 “ 确 定 ” 加 应 用 程序 池 
按钮 ， 添 加 Chap 应 用 程序 池 。 









名 称 (N): 
Chap 





.NET Framework 版 本 (D): 
[NET Frameworkv4030319 

















图 1-5 “添加 应 用 程序 地 ”对 话 杠 
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3. 在 IS 7.5 中 添加 Web 应 用 程序 
下 面 以 在 Book 网 站 中 建立 Web 应 用 程序 ChapSite 为 例 进行 说 明 ， 其 中 对 应 的 物理 路 径 
为 DXNIS\BookChapSite。 在 图 1-3 中 ， 展 开 “ 网 站 ”选项 ， 右 击 Book 选项 ， 
在 弹出 的 快捷 菜单 中 选择 “添加 应 用 程序 ”命令 ， 然 后 在 呈现 的 对 话 框 中 输 
入 别名 ChapSite、 物 理 路 径 D:NIS\Boolk\ChapSite， 选 择 Chap 应 用 程序 池 ， 























入 回 守 
如 图 1-6 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 ， 建 立 Web 应 用 程序 ChapSite。 此 后 ， | 
车 在 浏览 器 中 输入 http://10.1.1.2:8080/ChapSite/Default.aspx， 则 表示 访问 | 


D:NIS\Book\ChapSite\Defaultaspx。 


网 站 名 称 : Book 
路 径 : 4 


别名 (A): 
ChapSite 





示例 :销售 


物理 路 径 (P): 
DNIS\Book\ChapSite 











图 1-6 “添加 应 用 程序 ”对 话 框 


注意 : 通过 建立 不 同 的 Web 应 用 程序 , 可 以 在 同一 个 网 站 中 同时 运行 多 个 Web 站 点 ( 即 
VS 2017 中 的 网 站 概念 ) 。 从 1.3 节 开 始 ， 除 特别 说 明 外 ， 网 站 和 Web 应 用 程序 表示 同一 个 

4. 在 IIS 7.5 中 添加 虚拟 目录 

下 面 以 在 ChapSite 应 用 程序 中 添加 C2 虚拟 目录 为 例 进行 说 明 ， 对 应 的 
物理 路 径 为 D:\IS\Book\ChapSite\Chap2。 在 图 1-3 中 ， 依 次 展开 “网 站 ”一 
Book 选项 ， 右 击 ChapSite 选项 ， 在 弹出 的 快捷 菜单 中 选择 “添加 虚拟 目录 ” ee 
命令 ， 然 后 在 呈现 的 对 话 框 中 输入 别名 C2、 物 理 路 径 DISVBook 守节 2 
ChapSite\Chap2， 如 图 1-7 所 示 。 最 后 单 击 “ 确 定 ”按钮 ， 添 加 C2 虚拟 目录 。 
此 后 ， 若 在 浏览 器 中 输入 http:/10.1.1.2:8080/ChapSite/C2/Defaultaspx ， 则 表示 访问 
D:\IIS\Book\ChapSite\Chap2\Default.aspx。 

虚拟 目录 也 可 以 直接 添加 到 一 个 HS 7.5 网 站 中 ， 但 该 操作 实际 上 仍然 是 在 一 个 Web 应 

程序 中 添加 虚拟 目录 。 这 是 因为 在 添加 一 个 IS 7.5 网 站 后 ， 即 使 没有 添加 Web 应 用 程序 ， 
IS 7.5 也 会 在 建立 的 网 站 中 自动 添加 一 个 根 Web 应 用 程序 。 因此 , 向 一 个 HS 7.5 网 站 中 添加 
虚拟 目录 ， 实 际 上 是 将 该 虚拟 目录 添加 到 根 Web 应 用 程序 中 。 例 如 ， 将 上 述 的 C2 虚拟 目录 
添加 到 Book 网 站 , 则 地 址 http://10.1.1.2:8080/C2/Default.aspx 和 http://10.1.1.2:8080/ChapSite/ 
C2/Default.aspx 表示 访问 同一 个 页 面 。 
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网 站 名 称 。 Book 
路 径 : /ChapSite 


别名 (A): 
C2 


示例 映像 
物理 路 径 (P): 
DAIIS\Book\ChapSite\Chap2 




















图 1-7 “添加 虚拟 目录 ”对 话 框 


注意 : 在 实际 工程 中 ,虚拟 目录 主要 为 本 地 或 远程 Web 服务 器 上 的 物理 文件 夹 提 供 别 名 。 
这 样 , 就 可 以 发 布 多 个 文件 夹 下 的 内 容 供用 户 访问 , 并 能 单独 控制 每 个 虚拟 目录 的 访问 权限 。 

5.， 在 IIS 7.5 中 设置 网 站 、Web 应 用 程序 和 虚拟 目录 中 的 默认 文档 

设置 默认 文档 可 使 用 户 在 访问 该 默认 文档 对 应 的 页 面 时 即使 不 输入 页 面 名 也 能 访问 该 
文档 ， 如 将 Default.aspx 设置 为 默认 文档 ， 则 在 浏览 器 中 输入 地 址 http://10.1.1.2:8080 即 可 访 
问 D:\IS\Book\Default.aspx。 设 置 的 方法 有 两 种 。 一 种 是 在 如 图 1-3 所 示 界 面 的 “功能 视图 ” 
中 双击 “默认 文档 ”， 再 在 呈现 的 对 话 框 中 输入 默认 文档 的 文件 名 。 另 一 种 是 打开 Web 应 用 
程序 中 的 Web.config 配置 文件 ， 添 加 配置 代码 如 下 : 


<!-- 配 置 IIS 7.5--> 
<system.webServer> 
<!-- 设 置 网 站 的 默认 文档 --> 
<defaultDocument> 


<files> 


<! 一 -删除 默认 文档 列表 中 的 所 有 文件 名 -> 


<clear/> 


<!-- 添 加 Default .aspx 到 默认 文档 列表 --> 
<add value="Default .aspx"/> 
</files> 
</defaultDocument> 
</system.webServer> 


注意 : 实际 工程 中 为 加 快 页 面 浏览 速度 ， 仅 保留 一 个 默认 文档 。 


1.2.3 JIS Express 

在 VS 2017 中 进行 网 站 设计 与 开发 时 ,默认 使 用 HS Express 运行 网 站 ， 相 关 配 置信 息 如 
应 用 程序 池 、 网 站 定义 等 默认 保存 于 .vs\config\applicationhost.config 文件 中 。 

注意 : .vs 文件 夹具 有 隐藏 属性 并 且 与 管理 网 站 的 解决 方案 文件 (扩展 名 .sln ) 存放 于 同 


一 个 文件 夫 中 。 
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下 面 给 出 了 定义 一 个 网 站 〈 以 ChapSite 网 站 名 为 例 ) 的 配置 信息 ， 其 中 ， 应 用 程序 池 为 
Clr4IntegratedAppPool， 物 理 路 径 为 DASPNET\Boolk\ChapSite， 端 口号 为 50320， 这 样 一 旦 
IIS Express 处 于 运行 状态 时 ,在 浏览 器 中 使 用 http://localhost:50320 就 可 以 访问 ChapSite 网 站 。 


<site name="ChapSite" id="2"> 
<application path="/" applicationPool="Clr4IntegratedAppPool"> 
<virtualDirectory path="/" physicalPath="D:\ASPNET\Book\ChapSite" /> 
</application> 
<bindings> 
<binding protocol="http" bindingInformation="*:50320:localhost" /> 
</bindings> 
</site> 


1.3 Visual Studio Community 2017 


1.3.1 开发 环境 概览 


Visual Studio Community 2017(VSC 2017) 为 ASPNET 网 站 开发 提供 了 方便 的 开发 环境 。 
与 VS 2017 的 商用 版 相 比 ，VSC 2017 是 免费 的 且 包 含 了 创建 Web 应 用 程序 所 需 的 所 有 功能 
和 工具 。 另 外 , 利用 VSC 2017 和 VS 2017 商用 版 创建 的 Web 应 用 程序 完全 相互 兼容 。 因 此 ， 
VSC 2017 适用 于 学 习 及 中 小 企业 的 网 站 开发 。 本 书 所 有 实例 均 使 用 VSC 2017 设计 与 开发 。 
图 1-8 为 创建 一 个 页 面 时 呈现 的 主 窗口 。 


oa) Book - Microsoft Visual studio ?快速 启动 (C+Q) Pl a 
文件 昌 ”编辑 (E) ”视图 W) ”网 站 (5) ”生成 (8) ”调试 (D) ”团队 (M) ”工具 中 测试 G) ”分 析 (N) ”窗口 WV) 。 帮助 (H) 登录 加 
© 00 oo -vcnu - intemetExplorer- 也 -| 南 。 日 吾 伍 | 


Defaultaspx 己 X 


%8 Page Language="CH#” AutoEventWireup= i 
!DOCTYPE html 搜索 解决 方案 资源 管理 器 (Ctrl+ Pp- 
周 解决 方案 Book (2 个 项 目 ) 全 
4 @ chapsite 
mntent= “text/html; App_Code 
App_Data 
Calendar | | » a Bin 
CheckBox 3 o Chap2 
三 checkBoxtist 2 Chap3 
别 chap4 
Images 
Scripts 
Styles 
de pe bp ® Defaultaspx 
解决 方案 资源 管理 名 县 


AdRotator “http://wwey. w3. org/1999/xhtml ”> 
三 BulletedList 
Button 


DropDownList 
FileUpload 
HiddenField 


个 添加 到 源 代码 管理 ^ 





图 1-8 VSC 2017 主 窗口 界面 


1. 工具 栏 
工具 栏 上 提供 了 一 些 方便 程序 员 编 程 工作 的 按钮 。 例 如 ，“ 向 后 导航 ”图 按钮 可 以 定位 
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到 文档 先前 访问 过 的 位 置 。“ 调 试 运行 ”加 按钮 能 启动 网 站 的 调试 运行 过 程 。 

注意 : [P| 按钮 启动 的 是 整个 网 站 的 启动 项 ， 所 以 在 启动 调试 之 前 需要 设置 网 站 的 启动 页 
面 。 若 只 要 查看 单个 页 面 的 浏览 效果 ， 可 右 击 该 页 面 选择 “在 浏览 器 中 查看 "命令 进行 浏览 。 

右 击 工具 栏 , 在 弹出 的 快捷 菜单 中 选择 “HTML 源 编辑 ” 命令 可 在 工具 栏 中 增加 “HTML 
源 编辑 ”按钮 ， 其 中 “编排 整个 文档 的 格式 ”图 按钮 适用 于 当前 窗口 为 “ 源 ” 视 图 的 窗口 ， 
单 击 该 按钮 可 对 XHTML 元 素 、ASP.NET 元 素 、C# 代 码 等 自动 编排 格式 。“ 注 释 选中 行 ” 慎 
按钮 适用 于 在 程序 编程 时 对 选中 行 集中 注释 ， 与 此 功能 相反 的 是 “取消 对 选中 行 的 注释 ” 医 

2. 常用 窗口 

为 能 在 屏幕 上 尽 可 能 多 地 呈现 文档 窗口 ， 大 部 分 其 他 窗口 都 有 “自动 隐藏 ” 己 按 钮 ， 该 
按钮 能 使 窗口 自动 隐藏 。 

“工具 箱 ” 窗 口 针对 不 同类 型 的 页 面 ， 提 供 不 同 组 合 的 控件 列表 。 要 在 页 面 中 添加 相应 
的 控件 ， 只 需 拖 放 或 双击 控件 图 标 。 

在 文档 窗口 中 ， 页 面 有 三 种 视图 呈现 方式 : “设计 ”“ 拆 分 ”和 “ 源 ”。 其 中 ，“ 设 计 ” 
视图 呈现 页 面 的 设计 界面 ，“ 拆 分 ”视图 同时 呈现 页 面 的 设计 和 源 代码 界面 ，“ 源 ”视图 呈 
现 页 面 的 源 代码 界面 。 当 处 于 “ 源 ” 视 图 时 ， 支 持 代 码 智 能 感知 功能 ， 即 输入 代码 时 能 智能 
地 列 出 ASP.NET 控件 、XHTML 元 素 等 对 象 的 所 有 属性 和 事件 。 还 可 以 在 其 中 直接 输入 代码 
来 添加 ASP.NET 控件 。 

在 “解决 方案 资源 管理 器 ”窗口 中 可 以 组 织 、 管 理 目 前 正在 编辑 的 项 目 ， 可 以 创建 、 重 
命名 、 删 除 文件 夹 和 文件 。 右 击 不 同 的 项 会 弹出 很 实用 的 快捷 菜单 ， 如 建立 各 种 类 型 文件 、 
浏览 建立 的 页 面 和 设置 项 目 启动 项 等 。 

在 “属性 ”窗口 中 可 方便 地 设置 ASP.NET 控件 、XHTML 元 素 等 对 象 的 属性 。 

注意 : 对 初学 者 ， 建 议 通 过 “属性 "窗口 设置 页 面 上 ASP.NET 控件 和 XHTML 元 素 的 属 
性 ， 再 由 VSC 2017 自动 生成 源 代码 。 

在 “服务 器 资源 管理 器 ”窗口 中 可 以 打开 数据 连接 、 显 示 数 据 库 等 。 

在 “SQL Server 对 象 资源 管理 器 ”窗口 中 可 以 方便 地 管理 已 安装 的 SQL Server 实例 (如 
伴随 VSC 2017 安装 的 MSSQLLocalDB) 中 的 数据 库 等 对 象 。 

在 “错误 列表 ”窗口 中 可 以 显示 编辑 和 编译 代码 时 产生 的 “错误 ”“ 和 警告 ”和 “消息 ”。 
双击 错误 信息 项 ， 就 可 以 打开 包含 错误 信息 的 文件 并 定位 到 相应 位 置 。 

3. “工具 ”菜单 中 “选项 ”的 常用 设置 

选择 “工具 ”一 “选项 ”命令 ， 在 呈现 的 “选项 ”对 话 框 中 可 以 进行 VSC 2017 的 常用 
设置 。 

(1) 在 “选项 ”对 话 框 中 选择 “环境 ”一 “字体 和 颜色 ”命令 ， 可 以 设置 文档 窗口 中 文 
本 呈现 的 字体 和 颜色 等 ， 如 可 以 将 字号 调 大 一 些 ， 以 方便 视力 从 佳人 员 看 清 源 代 码 。 

(2) 在 “选项 ”对 话 框 中 选择 “项 目 和 解决 方案 ”命令 ， 在 呈现 的 对 话 框 中 选中 “总 是 
显示 解决 方案 ” 复 选 框 ， 使 得 在 “解决 方案 资源 管理 器 ”窗口 中 能 以 解决 方案 形式 方便 地 管 
理 所 有 Web 应 用 程序 。 

(3) 在 “选项 ”对 话 框 中 选择 “文本 编辑 器 ”一 “所 有 语言 ”命令 ， 在 呈现 的 对 话 框 中 
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选中 “ 行 号 ” 复 选 框 ， 能 方便 开发 人 员 根 据 行 号 快速 定位 指定 行 。 

(4) 在 “选项 ”对 话 框 中 选择 “文本 编辑 器 ”一 “所 有 语言 ”一 “ 制 表 符 ” 命 令 ， 在 呈 
现 的 对 话 框 中 设置 “ 制 表 符 大 小 ”和 “ 缩 进 大 小 ”的 值 ， 可 以 改变 一 个 Tab 制 表 符 代表 的 字 
符 数 和 每 行 自动 缩 进 的 字符 数 。 如 本 书 所 有 代码 的 自动 缩 进 字符 数 均 设置 为 2。 


1.3.2 ”使 用 解决 方案 管理 VSC 2017 中 新 建 的 网 站 


使 用 解决 方案 可 以 有 效 地 管理 在 VSC 2017 中 建立 的 网 站 ， 接 下 来 以 在 
D:\ASPNET\Book 文件 夹 中 建立 Book 解决 方案 为 例 说 明 解 决 方案 的 建立 过 
程 。 选 择 “ 文 件 ” 一 “新 建 ” 一 “项 目 ” 命 令 ， 在 呈现 的 对 话 框 中 展开 “其 下 
他 项 目 类 型 ”选项 ， 选 择 “Visual Studio 解决 方案 ”模板 ， 输 入 名 称 Book、 使 用 解决 方案 
位 置 D\ASPNET， 如 图 1-9 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 ， 建 立 Book 解决 ”管理 VSC2017 
方案 。 中 新 建 的 网 站 

注意 : 用 解决 方案 管理 网 站 意味 着 后 续 的 开发 都 应 先 打 开 解 决 方案 ， 再 在 相应 的 网 站 中 
添加 文件 夹 、 页 面 等 。 











排序 依据 : 默认 什 -| 有 时 国 搜索 (Ctrl+ 昌 


另 空白 解决 方案 Visual studio 解决 方案 。 类型: Visual Studio 解决 方案 
b Visual Basic a 
b Visual F# 
SQL Server 
4 其 他 项 目 类 型 


未 找到 你 要 查找 的 内 容 ? 
打开 Visual Studio 安装 程序 
Book 
DAASPNET\ | 浏览 B)… 
创建 新 解决 方案 
Book Y] 为 解决 方案 创建 目录 (D) 
中] 添加 到 源 代码 管理 (J) 


确定 || 取消 





图 1-9 建立 解决 方案 界面 





建立 Book 解决 方案 后 ， 即 可 在 其 中 添加 网 站 ， 本 书 除 第 9 章 和 第 15 章 外 ， 其 他 所 有 网 
站 均 由 该 解决 方案 进行 管理 。 接 下 来 以 在 Book 解决 方案 中 新 建文 件 系统 网 站 ChapSite 为 例 ， 
说 明 如 何在 解决 方案 中 新 建 网 站 的 过 程 , 其 中 ChapSite 网 站 存储 于 D:\ASPNET\Book\ChapSite 
文件 夹 。 操 作 步 又 如 下 : 

打开 “解决 方案 资源 管理 器 ”窗口 ， 右 击 “ 解 决 方案 Book”， 在 弹出 的 快捷 菜单 中 选择 
“添加 ”一 “新 建 项 目 ” 命 令 ， 然 后 在 呈现 的 对 话 框 中 选择 Visual C# 一 Web 一 先前 版 本 一 
“ASPNET 空 网 站 ”模板 ， 输 入 名 称 ChapSite 和 位 置 DA\ASPNET\Book， 如 图 1-10 所 示 。 最 
后 单 击 “确定 ”按钮 ， 添 加 ChapSite 网 站 。 








上 刘 国 搜索 (Ctrl+ 昌 











4 Visual C# 
Windows 经 典 桌 面 
4 Web 
ASP.NET Web 窗 体 网 站 Visual C# 
JNET Core 
JNET Standard 


RE 关 型 : visual c# 


一 个 空 网 站 。 此 模板 不 会 生成 项 目 文件 ， 
受到 有 限 的 MSBuild 支持 。 


ASP.NET 网 站 (Razor v3) Visual C# 
Cloud ASPJNET Dynamic Data 实体 网 站 Visual C# 
WCF 

测试 ASP.NET Dynamic Data Linq to S.. Visual C# 


b Visual Basic 
bP Visual F# WCF 服务 Visual C# 


未 找到 你 要 查找 的 内 容 ? 
打开 Visual Studio 安装 程序 
名 称 (N): ChapSite 
位 置 (): DAASPNET\Book 
框架 (B): NET Framework 4.61 








图 1-10 添加 新 网 站 


实际 上 ， 图 1-10 中 建立 的 网 站 属于 “文件 系统 ”类 型 网 站 ， 该 类 型 将 网 站 的 文件 放 在 本 
地 硬盘 上 的 一 个 文件 夹 中 ， 或 放 在 局 域 网 上 的 一 个 共享 位 置 。 对 网 站 的 开发 、 运 行 和 调试 都 
无 须 使 用 在 操作 系统 中 独立 安装 的 IS， 而 使 用 随 VSC 2017 安装 的 IIS Express。 

由 于 “文件 系统 ”网 站 是 ASP.NET 开发 人 员 最 常用 的 类 型 ， 因 此 本 书 新 建 的 网 站 均 采 
用 该 类 型 。 图 1-11 给 出 了 本 书 利用 Book 解决 方案 管理 网 站 的 部 分 结构 图 。 其 中 , Chap10Site、 
Chapl3Site 和 ChapSite 表示 不 同 的 网 站 ， 分 别 存储 于 D:\ASPNET\Book\Chap10Site 、 
D:\ASPNET\Book\Chap13Site 和 D:\ASPNET\Book\ChapSite 文件 夹 中 。Chap2 等 文件 夹 存放 相 
应 章节 的 源 代 码 文件 。 另 外 ，App_Code、App_Data 属于 专用 文件 夹 ， 用 于 存放 特定 类 型 文 
件 。 完 整 的 Book 解决 方案 可 查看 本 书 的 源 程序 包 ， 后 续 章 节 将 以 此 为 基础 建立 文件 。 
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搜索 解决 方案 资源 管理 器 (Ctrl+;) PA- 
网 解决 方案 Book (3 个 项 目 ) 四 
b @ chapl0site 
b @ Chapl3site 
4 (3) ChapSite I 
b 晒 App_Code 
b 吧 App_Data 
b 三 Bin 
b 别 Chap2 
b 晒 Chap3 
b 晒 Content 
b Images 
b 旺 Scripts 
b 曙 Sql 
b 别 syles 

机 Globalasax 

好 packagesconfig 
凤 Webconfig 

有 Websitemap bd 


图 1-11 Book 解决 方案 部 分 结构 
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1.3.3 发 布 Web 应 用 


Web 应 用 程序 开发 完成 后 ， 需 要 将 其 从 开发 环境 部 署 到 Microsoft Azure 。 国 
或 IS 等 实际 运行 环境 。Microsoft Azure 提供 了 数据 库 、 云 存储 、 人 工 智能 、 ”发布 Web 应 用 
CDN 等 云 服务 ， 其中， 部 署 基 于 ASPNET 的 Web 应 用 程序 涉及 App Service 
和 SQL Database 服务 。Microsoft Azure 服务 属于 有 偿 服务 ， 但 在 完成 用 户 注册 后 能 提供 30 
天 的 免费 试用 期 , 可 用 于 Web 应 用 程序 部 署 测试 。 除 Microsoft Azure 发 布 方式 外 ，Web 应 用 
程序 发 布 还 包括 “Web 部 署 ”“Web Deploy 包 ”、FTP、“ 文 件 系 统 ” 等 方式 。 其 中 ,“ 文 
件 系 统 ” 发 布 方式 较 常用 。 

Web 应 用 程序 发 布 时 ， 可 以 选择 ASPNET 编译 模式 之 一 的 预 编译 功能 将 网 站 中 
App_Code 文件 夹 下 包含 的 .cs 文件 、 代码 隐藏 页 等 编译 为 系统 随机 命名 的 .dll 程序 集 文件 , 并 
发 现 编译 错误 ， 使 得 页 面 的 初始 响应 速度 更 快 且 在 发 布 的 网 站 中 不 再 包含 任何 C# 程 序 代 码 。 

注意 : ASP.NET 的 另 一 种 编译 模式 为 动态 编译 ， 即 如 果 一 个 页 面 第 一 次 被 访问 或 被 修改 
保存 后 再 被 访问 时 ，.NET 环境 会 自动 调用 编译 器 进行 编译 ， 并 缓存 编译 输出 。 

下 面 以 “文件 系统 ”方式 发 布 ChapSite 网 站 为 例 进行 说 明 。 右 击 ChapSite 网 站 , 在 弹出 
的 快捷 菜单 中 选择 “发 布 Web 应 用 ”命令 ， 呈 现 如 图 1-12 所 示 的 对 话 框 。 








| 各 入 
EI i 


| BMicrosoft Azure App Service(A) 


| 导入 0 


| D sexo 


更 多 选项 


在 我 们 的 Web 托管 库 中 查找 其 他 托管 选项 





图 1-12“ 发 布 ”对 话 框 (1) 


注意 : 必须 以 管理 员 身 份 启动 VSC 2017， 才 能 通过 “发 布 Web 应 用 ”命令 正确 地 发 布 


在 图 1-12 中 ， 选 择 “ 自 定义 ”命令 ， 在 呈现 的 对 话 框 中 输入 配置 文件 名 称 LocalToFile 
〈 名 称 可 自 定 )， 单 击 “确定 ”按钮 ， 呈 现 如 图 1-13 所 示 的 对 话 框 。 
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LocalToFile* 








publish method: [Web 部 轩 


保存 密码 (A 





Grn To] [2 || x0 








图 1-13 “发 布 ”对 话 框 (2) 


在 图 1-13 中 ， 选 择 Publish method 为 “文件 系统 ”， 呈 现 如 图 1-14 所 示 的 对 话 框 。 


LocalToFile* 


Publish method: | 文件 系统 








设置 
预 总 
目标 位 置 (D: 





Gn | | n> [2 








图 1-14“ 发 布 ”对 话 框 (3) 








在 图 1-14 中 ， 输 入 目标 位 置 D:\ChapSitePub (文件 夹 名 可 自 定 ) 后 ， 单 击 “ 下 一 页 ” 按 
钮 ， 呈 现 如 图 1-15 所 示 的 对 话 框 。 


LocalToFile* 





本 十 (O: [Debug 





(> 文件 发 布 选项 





数据 库 








图 1-15 “发布” 对 话 框 (4) 


在 图 1-15 中 ,展开 “文件 发 布 选项 ”， 选 中 “在 发 布 期 间 预 编译 ”选项 ， 单 击 “ 发 布 ” 
按钮 ， 完 成 ChapSite 网 站 的 发 布 。 成 功 发 布 后 ， 可 以 在 IIS 7.5 中 添加 网 站 或 Web 应 用 程序 ， 
并 对 应 物理 路 径 D:\ChapSitePub 进行 测试 。 


1.3.4 复制 网 站 


“复制 网 站 ”实质 是 在 当前 网 站 与 另 一 网 站 之 间 复 制 文件 ， 对 当前 网 站 不 会 预 编 译 。 可 
以 在 VSC 2017 中 创建 的 任何 类 型 网 站 之 间 复 制 文件 。 复 制 网 站 时 ， 同 时 支持 同步 功能 ， 即 
能 检查 两 个 网 站 上 的 文件 并 确保 所 有 文件 都 是 最 新 的 。“ 复 制 网 站 ”常用 于 将 网 站 从 “测试 
服务 器 ”复制 到 “商业 服务 器 ”。 

注意 : 为 保护 C# 源 代码 不 被 随意 窃取 ， 可 组 合 使 用 “发 布 Web 应 用 ”和 “复制 网 站 ”。 
即 先 将 网 站 发 布 到 本 地 某 个 文件 夹 ， 再 利用 “复制 网 站 ”同步 服务 器 网 站 上 的 文件 。 


1.4 小 结 


本 章 主要 介绍 ASPNET 网 站 的 运行 和 开发 环境 。ASPNET 网 站 通常 包含 静态 页 面 和 动 
态 页 面 。.NET Framework 为 建立 ASPNET 网 站 提供 了 基础 。ASPNET 的 开发 模式 包括 
ASPNET Web 窗 体 、ASPNET MVC、ASPNET Core 等 。IIS 为 ASPNET 提供 了 运行 环境 ， 
通过 建立 不 同 的 网 站 或 应 用 程序 使 得 在 同一 台 Web 服务 器 上 运行 不 同 的 站 点 成 为 可 能 。 利 用 
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VSC 


应 用 


2017， 可 以 方便 地 实现 ASP.NET 网 站 开发 。 
1.5 习 题 


1. 填空 题 

(1) .NET Framework 主要 包括 和 
(2) ASPNET 网 站 在 编译 时 ， 首 于 将 请 言 代 疝 纺 译 成 。 

(3) 一 台 IIS Web 服务 器 卫 地 址 为 211.78.60.19， 网 站 端口 号 为 8000， 则 要 访问 Web 
程序 User 中 Defaultaspx 的 URL 为 

(4) 可 以 通过 同步 网 站 上 的 一 个 文件 。 

(5) ASPNET 的 开发 模式 包括 、 ”和 
(6) ASPNET 编译 模式 包括 EE 

2. 是 非 题 

(1) 托管 代码 是 以 CLR 为 基础 运行 的 代码 。 

(2) 若 某 页 面 上 包含 动画 内 容 ， 则 该 页 面 肯定 是 动态 页 面 。 

(3) 一 个 网 站 中 可 以 同时 包含 静态 页 面 和 动态 页 面 。 

(4) ASPNET 页 面 是 边 解释 边 执行 的 。 

(5) 在 VSC 2017 中 开发 网 站 必须 安装 独立 的 IIS。 

(6) IS Express 具有 与 IS 类 似 的 功能 ， 但 主要 用 于 VSC 2017 中 的 页 面 浏览 。 
(7) IIS 中 的 网 站 与 VSC 2017 中 的 网 站 是 相同 的 概念 。 

(8) ASPNET MVC 支持 在 Windows、Mac 和 Linux 等 操作 系统 上 实现 跨 平 台 开 发 和 
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部 署 。 4〈 ) 
(9) Web 应 用 程序 开发 完成 后 ， 可 以 将 其 从 开发 环境 部 署 到 Microsoft Azure。 ) 
3， 选 择 题 
(1) Web 应 用 程序 发 布 不 包括 7 


A. HTTP B. Web 部 署 C. Web Deploy 包 D. 文件 系统 
(2) 下 面 说 法 错误 的 是 )s 
A.“ 复 制 网 站 ”常用 于 将 网 站 从 “测试 服务 器 ”复制 到 “商业 服务 器 ” 
B.“ 复 制 网 站 ”实质 是 在 当前 网 站 与 男 一 网 站 之 间 复 制 文件 
C.“ 发 布 Web 应 用 ”能 对 当前 网 站 预 编译 
D.“ 复 制 网 站 ”能 对 当前 网 站 预 编译 
(3) 以 下 选项 不 属于 编程 语言 的 是 35 
A. ASPNET B. Python C. Visual C# D. Java 
4， 简 答题 
(1) 一 个 学 校 有 多 个 分 院 ， 每 个 分 院 有 各 自 的 网 站 ， 如 果 仅 提供 一 台 运行 HS 7.5 的 Web 


服务 器 ， 如 何 设置 ? 


(2) 如 何 设置 在 访问 网 站 时 只 需要 输入 域名 就 可 访问 网 站 主页 ? 

(3) 查找 资料 ， 说 明 什么 是 虚拟 主机 。Intemet 上 提供 的 虚拟 主机 是 如 何 运 作 的 ? 
(4) 如 何在 一 台 计 算 机 上 同时 运行 一 个 服务 器 和 一 个 客户 机 环境 来 实现 网 站 的 测试 ? 
(5) 说 明 静 态 页 面 和 动态 页 面 的 区 别 。 
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(6) 查找 资料 ， 说 明 如 何在 阿里 云 的 虚拟 机 上 部 署 ASPNET 网 站 。 

5. 上 机 操作 题 

(1) 在 学 生 个 人 计算 机 上 ,安装 IIS 7.5 和 VSC 2017, 从 而 建立 基于 VSC 2017 的 ASPNET 
网 站 开发 平台 。 

(2) 将 IIS 中 某 网 站 的 端口 号 设置 为 8001， 从 另 一 台 联 网 的 计算 机 访问 该 网 站 。 

(3) 设置 TS 中 某 网 站 的 默认 文档 ， 使 得 在 另 一 台 联 网 的 计算 机 上 仅 输 入 人 P 地 址 即 可 访 
问 主页 。 

(4) 在 IIS 中 某 网 站 下 建立 Web 应 用 程序 和 虚拟 目录 ， 再 分 别 访问 其 中 的 页 面 。 

(5) 参考 本 书 提 供 的 Book 解决 方案 ， 建 立 一 个 解决 方案 并 在 其 中 添加 网 站 和 文件 夹 。 

(6) 通过 “发 布 Web 应 用 ”将 VSC 2017 中 的 网 站 以 “文件 系统 ”方式 进行 发 布 ， 再 部 
署 到 IIS。 

(7) 通过 “复制 网 站 ”将 VSC 2017 中 的 网 站 部 署 到 IIS 。 

(8) 在 Microsoft Azure 中 注册 用 户 ， 再 通过 “发 布 Web 应 用 ”将 VSC 2017 中 的 网 站 部 
署 到 Microsoft Azure。 
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下 过 后 


ASP.NET 网 站 文件 jQuery 和 Bootstrap 


* 了 解 ASPNET 网 站 组 成 。 

* 熟悉 .html 文件 及 XHTMLS 常用 元 素 。 

* 理解 Web 窗 体 页 的 两 种 模型 ， 单 文件 模型 和 代码 隐藏 页 模型 。 
* 熟悉 CSS3 样式 定义 、 存 放 位 置 。 

* 了 解 JavaScript 常识 ， 熟 悉 代 码 存放 位 置 。 

* 了 解 jQuery， 熟 悉 jQuery 的 功能 和 使 用 方法 。 

* 了 解 XML 常识 ， 熟 悉 XML 文件 结构 。 

* 熟悉 Web.config 配置 文件 结构 和 Globalasax 文件 。 

* 了 解 Bootstrap， 熟 悉 Bootstrap 的 使 用 方法 。 











2.1 .html 文件 和 XHTMLS 


在 ASPNET 网 站 中 ，.html 文件 是 一 种 静态 页 面 文件 ， 它 不 包含 任何 服务 器 控件 ， 而 是 由 
HTML 元 素 组 成 的 。 当 客户 端 浏览 器 访问 .html 文件 时 ，IIS 不 经 过 任何 处 理 就 直接 送 往 浏览 器 ， 
由 浏览 器 解释 执行 。 在 VSC 2017 中 建立 .html 文件 ， 默 认 使 用 XHTMLS 文件 类 型 。 

XHTMLS 与 HIMLS5 使 用 相同 的 元 素 ,但 XHTML5 具有 更 严格 的 规则 。 例 如 ,在 XHTML5 
中 ， 所 有 的 元 素 名 和 属性 名 必须 用 小 写字 母 表示 ， 所 有 的 元 素 必须 包含 结束 标志 ， 所 有 的 属 
性 值 必须 加 引号 。XHTMLS 能 被 当前 所 有 主流 版 本 的 浏览 器 识别 ， 是 页 面 生成 的 基础 。 所 有 

J 含 ASP.NET 元 素 的 动态 页 面 最 终 都 要 转化 为 包含 相应 XHTML 元 素 的 静态 页 面 才能 被 济 


览 器 识别 。 
2.1.1 .html 文件 结构 
在 VSC 2017 中 建立 的 .html 文件 基本 结构 如 下 : 


<!DOCTYPE html> 

<html> 

<head> 
<meta charset="utf-8" /> 
<title></title> 

</head> 

<body> 


</body> 
</html> 
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其 中 所 有 的 XHTML 元 素 由 <、/、 小 写 英文 字母 和 > 组 成 ， 如 <html>、</html>。 所 有 的 
元 素 都 有 开始 和 结束 标记 ， 如 开始 标记 为 <html>， 则 结束 标记 为 </html>; 有 些 开始 和 结束 标 
记 包 含 在 同一 个 元 素 中 ， 如 <br 户 。 在 开始 和 结束 标记 之 间 的 内 容 则 受到 XHTML 元 素 的 控 
制 ， 如 “<hl> 第 1 章 <hl>” 在 浏览 器 上 将 “第 1 章 ” 以 一 级 标题 形式 显示 。 若 要 进行 更 多 
的 控制 ， 可 设置 元 素 属性 。 


2.1.2 ”常用 的 XHTMLS 元 素 


常用 的 XHTMLS 元 素 主要 包括 以 下 内 容 : 

。 <!--…--> 表 示 注 释 。 

。 <IDOCTYPE html> 表 示 文 档 类 型 为 HTML5。 

。 <html>…</html> 表 示 这 是 一 个 HTML 文档 ， 其 他 所 有 的 XHTML 元 素 都 包含 于 这 两 
个 标记 之 间 。 

。 <head>…</head> 表 示 文 档 头 部 信息 。 

。 <meta> 表 示 文 档 的 元 信息 ， 如 文档 的 搜索 关键 词 等 ， 应 包含 于 <head>…</head> 中 。 

。 <title>…</title> 表 示 浏 览 器 标题 栏 中 显示 的 信息 ， 应 包含 于 <head>…</head> 中 。 

。 <style>…</style> 表 示 CSS 样式 信息 ， 应 包含 于 <head>…</head> 中 。 

。 <body>…</body> 表 示 文 档 主 体 部 分 。 

。 <header>…</header> 表 示 整 个 显示 页 面 的 标题 信息 。 

。 <aside>…</aside> 表 示 与 旁边 内 容 相 关 的 标题 信息 ， 常 用 作 内 容 的 侧 栏 。 

® <section>…</section> 显示 页 面 的 内 容 区 域 。 

。 <article>…</article> 表 示 显 示 页 面 中 与 上 下 文 不 相关 的 独立 内 容 。 

。 <footer>…</footer> 表 示 显 示 页 面 中 的 脚注 信息 。 

。 <nav>…</nav> 表 示 显 示 页 面 中 的 导航 链接 区 域 。 

。 <hl>…</h1l> 表 示 一 级 标题 ， 同 理 ，<h2> 表 示 二 级 标题 … 共 六 级 标题 。 

。 <div>"…</div> 表 示 显 示 页 面 中 的 一 块 内 容 ， 俗 称 “ 层 ”， 常 用 CSS 样式 表 统 一 其 中 
的 显示 格式 。 

。 <p>…</p> 表 示 一 个 段落 。 

。 <br/ 人 > 表示 换行 。 

。 <hr 人 > 表示 水 平 线 。 

。 <table>…</table> 表 示 一 个 表格 。 

。 <a href="Intro.html"> 我 的 简介 </a> 表 示 在 浏览 器 上 显示 超 链接 “我 的 简介 ”， 单 击 后 
链接 到 Intro.html。 

。 <a href="mailto:ssgwcyxxd@126.com"> 我 的 邮箱 </a> 表 示 在 浏览 器 上 显示 超 链接 “我 
的 邮箱 ”， 单 击 链接 后 给 ssgwcyxxd@126.com 发 邮件 。 

一 些 常用 的 实体 符号 如 表 2-1 所 示 。 








表 2-1 常用 的 实体 符号 表 
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学 习 XHTMLS5 元 素 无 须 死记 便 背 ， 可 在 Intemet 上 找 一 些 以 htm 或 html 为 扩展 名 的 文 
件 ， 先 在 浏览 器 中 浏览 该 文件 效果 ， 再 选择 浏览 器 中 的 “查看 ”一 “ 源 文件 ” 
命令 查看 源 代码 ， 将 浏览 看 到 的 效果 与 源 代码 中 的 XHTML 元 素 对 比 ， 从 而 
了 解 XHTML 元 素 的 作用 。 


实例 2-1 认识 常用 的 XHTMLS 元 素 
本 实例 说 明 常 用 XHTML 5 元 素 的 使 用 ， 浏 览 效果 如 图 2-1 所 示 。 
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MyPetShop 是 本 书 提 供 的 一 个 Web 应 用 程序 ， 用 来 展示 基于 ASPNEIT 三 层 架 构 的 Web 应 用 程序 开发 技术 。 
功能 模块 
MyPetShop 包 括 前 台 商 品 浏览 、 用 户 管理 、 购 物 车 、 订 单 结算 、 后 台 管 理 等 模块 。 





图 2-1 HTMLS5.html 浏览 效果 


源 程序 ，HTML5.html 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<meta name="keywords" content="MyPetShop, XHTML5" /> 
<meta name="description"” content="XHTML5 页 面 示 范 " /> 
<meta name="author" content="ssgwcyxxd@126.com， 阿 毛 " /> 
<meta http-equiv="refresh" content="3" /> 
<title> 认 识 常 用 的 XHTML5 元 素 </title> 
<style type="text/css"> 
aside { float: left; width: 15%; } 
section { float: right; width: 85%; } 
footer { clear: both; } 
</style> 
</head> 
<body> 
<header> 
<hl style="background-color: #C0C0C0"> 网 站 Logo</h1> 
</header> 
<aside> 
<nav style="background-color: #C0C0C0"> 
<a href="Default .aspx"> 介 绍 </a><br /> 
<a href="Database.aspx"> 数 据 库 设 计 </a> 
</nav> 
</aside> 


<section> 
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<h3>MyPetShop</h3> 
<article> 
MyPetShop 是 本 书 提供 的 一 个 Web 应 用 程序 ， 用 来 展示 基于 ASP .NET 三 层 架 构 的 Web 应 用 
程序 开发 技术 。 
</article> 
<article> 
<h4> 功 能 模块 </h4> 
MyPetShop 包括 前 台 商品 浏览 、 用 户 管理 、 购 物 车 、 订 单 结算 、 后 台 管理 等 模块 。 
</article> 
</section> 
<footer style="background-color: #C0C0C0">Copyright 2018 MyPetShop 
</footer> 
</body> 
</html> 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “HTML 页 ”模板 ， 输 入 文件 名 HIML5.html， 单 击 “ 添 加 ”按钮 建 
立 文 件 。 

(2) 在 “ 源 ” 视 图 中 输入 源 代 码 。 

(3) 在 “ 源 ” 视 图 中 右 击 ， 也 可 以 在 “解决 方案 资源 管理 器 ”窗口 中 右 击 HTML5.html， 
然后 在 弹出 的 快捷 菜单 中 选择 “在 浏览 器 中 查看 ”命令 ， 查 看 浏览 效果 。 

程序 说 阴 : 

。 <meta charset="utf-8" /> 表示 页 面 的 语言 编码 字符 集 为 UTF-8。 

。 <meta name="keywords" content="MyPetShop, XHTML5S" 人 表示 能 为 搜索 引擎 提供 页 

面 关 键 词 MyPetShop 和 XHTMLS。 

。 <meta name="description" content="XHTMLS 页 面 示范 " /> 表示 页 面 的 简要 描述 。 

。 <meta name="author" content="ssgwcyxxd(@126.com, 阿 毛 " 人 > 表示 页 面 作者 信息 。 

。 <meta http-equiv="refresh" content="3" 人 > 表示 页 面 每 隔 3 秒 自动 刷新 一 次 。 


2.2 .aspx 文件 


-aspx 文件 《Web 窗 体 ) 在 ASPNET 网 站 中 占据 主体 部 分 。 作 为 一 个 对 象 ，Web 窗 体 直 
接 或 间接 地 继承 自 System.Web.UI.Page 类 。 因 此 ， 每 个 Web 窗 体 具有 Page 类 定义 的 属性 、 
事件 和 方法 等 ， 如 常用 于 判断 页 面 是 否 第 一 次 访问 的 IsPostBack 属性 、 页 面 载 入 时 触发 的 
Page.Load 事件 等 。 

每 个 Web 窗 体 中 的 代码 包括 两 部 分 : 一 部 分 是 处 于 <body> 元 素 内 的 、 用 于 界面 显示 的 代 
码 , 包括 必需 的 XHTML 元 素 和 ASPNET 控件 的 界面 定义 信息 ; 另 一 部 分 是 用 于 事件 处 理 等 
的 C# 代 码 。 其 中 C# 代 码 存储 时 有 两 种 模型 : 单 文件 页 模型 和 代码 隐藏 页 模型 。 


2.2.1 单 文件 页 模型 
在 单 文件 页 模型 中 ， 界 面 显示 代码 和 逻辑 处 理 代码 〈 事 件 、 方 法 等 ) 都 放 在 同一 个 .aspx 
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第 2 章 ASP.NET 网 站 文件 、jQuery 和 Bootstrap 全 


文件 中 。 人 逻辑 处 理 代码 包含 于 <scrip 人 > 元素 中 。<scrip 人 元素 位 于 <html> 元 素 之 上 ， 且 包含 


runat="server" 属 性 。 


实例 2.2 熟悉 单 文件 页 模型 

本 实例 包含 TextBox、Label、Button 控件 各 一 个 。 当 在 文本 框 中 输入 内 
容 后 再 单 击 “ 确 定 ” 按 钮 ， 则 在 标签 中 显示 “不 管 您 输入 什么 ， 我 都 喜欢 。 实例 22 
ASP.NET!” 。 





源 程序 .SimplePage.aspx 





<%@Page Language="C#"%$> 
<!DOCTYPE html> 
<script runat="server"> 
protected void BtnSsubmit Click(object sender, EventArgs e) 
{ 
lblMessage .Text = "不 管 您 输入 什么 ， 我 都 喜欢 RSP.NET!"7 
} 
</script> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 熟 悉 单 文件 页 模型 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 内 容 </asp:TextBox> 
<asp:Label ID="lblMessage" runat="server"></asp:Label><br/> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 "/> 
</div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “Web 窗 人体” 模板， 输入 文件 名 SimplePage.aspx， 不 要 选中 “将 代码 
放 在 单独 的 文件 中 ” 复 选 框 ， 单 击 “ 添 加 ”按钮 建立 文件 。 

(2) 在 “设计 ”视图 中 ， 从 工具 箱 添 加 TextBox、Label 和 Button 控件 各 一 个 到 页 面 ， 通 
过 “属性 ”窗口 分 别 设置 各 控件 的 属性 。 此 时 ，VSC 2017 会 自动 生成 相应 的 界面 代码 。 

(3) 双击 “确定 ”按钮 ， 输 入 SimplePage.aspx 源 程 序 中 阴影 部 分 内 容 。 

(4) 浏览 SimplePage.aspx， 查 看 效果 。 

程序 说 明 : 

单 文件 页 模型 在 读 代码 时 可 先 看 <body> 元 素 中 内 容 ， 主 要 关注 有 哪些 控件 对 象 、 各 对 象 
的 ID 属性 值 和 各 对 象 的 事件 名 ， 再 由 各 对 象 的 事件 名 到 <scrip 人 元素 中 找 对 应 的 执行 方法 。 
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OnClick="BtnSubmit _ Click" 表示 单 击 “ 确 定 ” 按 钮 、 触 发 Click 事件 后 执行 位 于 <script> 
元 素 中 的 BtnSubmit Click() 方 法 。 

注意 : 为 了 符合 常用 的 C# 命 名 规则 ， 本 书 将 所 有 VSC 2017 自动 生成 的 方法 名 改 成 首 字 
母 大 写 的 形式 。 


2.2.2 ”代码 隐藏 页 模型 


代码 隐藏 页 模型 适用 于 多 个 开发 人 员 共 同 创建 网 站 的 情形 ， 它 可 以 清楚 地 区 分 显示 界面 
和 逻辑 处 理 代码 ， 从 而 可 以 让 设计 人 员 处 理 显示 界面 代码 ， 再 由 程序 员 处 理 罗 辑 代 码 。 除 特 
别 说 明 外 ， 本 书 建立 的 Web 窗 体 都 采用 代码 隐藏 页 模型 。 

在 代码 隐藏 页 模型 中 ， 显 示 界 面 的 代码 包含 于 .aspx 文件 ， 而 逻辑 处 理 代 
码 包含 于 对 应 的 .aspx.cs 文件 。 与 单 文件 页 模型 不 同 ，.aspx 文件 不 再 包含 
<scrip 信 元素， 但 在 @Page 指令 中 须 包含 引用 的 外 部 文件 。 和 


实例 2-3 熟悉 代码 隐藏 页 模型 实例 2-3 
本 实例 实现 的 是 与 实例 2-2 相同 的 功能 。 





源 程序 ，CodeBehind.aspx 
<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="CodeBehind.aspx.cs" 
Inherits="Chap2_ CodeBehind"%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 熟 悉 代 人 码 隐藏 页 模型 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 内 容 </asp:TextBox> 
<asp:Label ID="lblMessage" runat="server"></asp:Label><br/> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 "/> 
</div> 
</form> 
</body> 
</html> 


源 程序 : CodeBehind.aspx.cs 





using System; 
public partial class Chap2 CodeBehind : System.Web.UI.Page 
{ 
protected void BtnSsubmit Click(object sender, EventArgs e) 
{ 
lblMessage.Text = "不 管 您 输入 什么 ， 我 都 喜欢 ASP .NET!"; 
} 
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操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “Web 窗 体 ”模板 ， 输 入 文件 名 CodeBehind.aspx， 选 中 “将 代码 放 在 
单独 的 文件 中 ” 复 选 框 ， 单 击 “ 添 加 ”按钮 建立 文件 。 

(2) 在 “设计 ”视图 中 ,添加 TextBox、Label 和 Button 控件 各 一 个 ， 参 考 源 程序 分 别 设 
置 各 控件 属性 。 例 如 ， 需 要 通过 “属性 ”窗口 将 TextBox 控件 的 ID 和 Text 属性 值 分 别 设置 
为 ktmput 和 “请 输入 内 容 ”。 此 时 ，VSC 2017 会 自动 生成 相应 的 界面 代码 。 

(3) 双击 “确定 ”按钮 ， 输 入 CodeBehind.aspx.cs 源 程序 中 阴影 部 分 内 容 。 在 文档 窗口 
空白 处 右 击 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “对 Using 进行 删除 和 排序 ”命令 ， 从 而 删除 不 
必 导 入 的 命名 空间 。 最 后 ， 浏 览 CodeBehind.aspx 查看 效果 。 

注意 : 在 .aspx 文件 的 “设计 ”视图 中 双击 某 个 控件 ， 可 以 在 .aspx.cs 文件 中 自动 生成 用 
于 处 理 默认 事件 的 方法 名 及 参数 。 例 如 ， 在 实例 2-3 中 ， 双 击 Button 控件 后 VSC 2017 自动 
生成 用 于 处 理 Click 事件 的 方法 名 btnSubmit Click 及 参数 sender 和 e。 若 需要 生成 不 是 默认 
事件 对 应 的 方法 名 ， 可 以 通过 先 单 击 “属性 ”窗口 中 的 “事件 ”按钮 列 ， 再 双击 相应 的 事件 
名 ， 生 成 处 理 该 事件 的 方法 名 及 参数 。 

程序 说 明 : 

代码 隐藏 页 模型 在 读 代码 时 可 先 看 .aspx 文件 中 的 内 容 ， 主 要 关注 有 哪些 控件 对 象 、 各 对 
象 的 ID 属性 值 和 各 对 象 的 事件 名 ， 再 由 各 对 象 的 事件 名 到 相应 的 .aspx.cs 文件 中 查找 对 应 的 
执行 方法 。 

在 CodeBehind.aspx 的 开始 处 ， 增 加 了 @Page 指令 ， 其 中 AutoEventWireup="true" 指 定 页 
面 事件 自动 绑 定 到 指定 的 方法 ， 如 Page.Load 事件 自动 绑 定 到 Page_Load0 方 法 ， 这 样 ， 当 
Page.Load 事件 被 触发 后 ， 将 执行 Page_Load() 方 法 代码 ; CodeFile="CodeBehind.aspx.cs" 指 定 
后 台 编 码 文件 ， 使 得 显示 界面 和 后 台 编 码 文件 相互 关联 ，Inherits="Chap2_CodeBehind" 指 定 
继承 的 类 名 ， 该 类 的 定义 存储 于 相应 的 后 台 编 码 文件 中 。 

在 CodeBehind.aspx.cs 开始 处 的 “using System: ”语句 表示 导入 System 命名 空间 。 


2.3 .css 文件 和 CSS 常识 








XHTML 能 限定 浏览 器 中 页 面 元 素 的 显示 格式 ， 但 可 控 性 不 强 ， 例 如 ， 当 统一 网 站 风格 
时 需要 逐个 页 面 去 修改 。 在 XHTML 基础 上 , 现 已 被 各 类 浏览 器 所 接受 的 级 联 样式 表 CSS 给 
出 了 应 用 于 页 面 中 元 素 的 样式 规则 ， 提 供 了 精确 定位 和 重新 定义 XHTML 元 素 属性 的 功能 。 
一 个 CSS 样式 文件 可 以 作用 于 多 个 XHTML 文件 , 这 样 ， 当 要 同时 改变 多 个 XHTML 页 面 风 
格 时 ， 只 要 修改 CSS 样式 文件 即 可 。CSS 的 版 本 有 CSS1、CSS2 和 CSS3。 


2.3.1 定义 CSS3 样式 


每 个 CSS3 样式 有 两 个 部 分 : 选择 器 (如 p) 和 声明 (如 color blue) 。 声 明 由 一 个 属性 
(如 color) 及 其 值 (如 blue) 组 成 。 根 据 样式 的 不 同 用 途 ， 有 不 同类 型 的 CSS3 选择 器 。 这 
些 选 择 器 可 以 单独 使 用 ， 也 可 以 组 合 使 用 。 

1。，* 选 择 器 

* 选 择 器 适用 于 页 面 中 的 所 有 元 素 ， 常 用 于 全 局 设置 ， 如 将 页 面 中 所 有 元 素 的 字体 设 为 
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Arial 的 CSS3 样式 为 : 

* { font-family: Arial; } 

2. 元 素 选择 器 

元 素 选择 器 的 取 名 即 为 XHTML 元 素 名 ， 用 于 重新 定义 指定 的 XHTML 元 素 的 属性 ， 如 
对 所 有 <p> 和 </p> 之 间 的 段落 设置 文本 对 齐 格式 为 居中 的 CSS3 样式 为 : 


p { text-align: center; } 


3. 属性 选择 器 
如 表 2-2 所 示 ， 属 性 选择 器 根据 元 素 的 属性 或 属性 值 来 选择 元 素 。 


表 2-2 CSS3 属性 选择 器 


CSS3 样式 说 明 
[attr]{*…*} 选择 attr 属性 的 元 素 
[attr=val]{*…} 选择 attr 属性 值 为 val 的 元 素 
[attr-=val]{…》 选择 attr 属性 值 中 包含 val 值 〈 必 须 以 空格 间隔 ) 的 元 素 
[attrl=val]{*…} 选择 attr 属性 值 中 以 val 值 〈 必 须 以 下 画 线 间隔 ) 开始 的 元 素 
[attr =val]{*…} 选择 attr 属性 值 中 以 val 值 开始 的 元 素 
[attr$=val]{*…} 选择 attr 属性 值 中 以 val 结尾 的 元 素 
[attr*=val]{*…} 选择 attr 属性 值 中 包含 val 值 的 元 素 
4. 类 选择 器 


类 选择 器 可 以 应 用 于 不 同 的 XHTML 元 素 或 某 个 XHTML 元 素 的 子 集 (如 应 用 于 部 分 段 
落 而 不 是 全 部 段落 ) 。 定 义 时 ， 要 在 选择 器 名 前 加 “.”， 如 通过 类 选择 器 设置 颜色 为 红色 的 
CSS3 样式 为 ; 

.intro { color: #FF0000; } 

在 页 面 中 ， 用 class=" 类 名 "的 方式 调用 ， 如 : 

<p class="intro"> 

5. id 选择 器 

过 选择 器 应 用 于 由 id 值 确定 的 XHTML 元 素 的 属性 , 且 常 用 于 单个 XHTML 元 素 的 属性 
设置 。 定 义 时 ， 需 要 在 选择 器 〈id 名 ) 前 加 #， 如 要 对 <div id="menubar">…</div> 层 中 包含 
的 内 容 设置 背景 色 为 绿色 的 CSS3 样式 为 : 


#menubar { background-color: #008000; } 


2.3.2 CSS3 样式 位 置 


CSS3 样式 可 以 放 在 不 同 的 位 置 ， 包 括 与 XHTML 元 素 的 内 联 、 位 于 页 面 的 <style> 元 素 
中 和 外 部 样式 表 (.css 文件 ) 中 。 
注意 : 不 同位 置 CSS3 样式 的 优先 级 是 内 联 样 式 最 高 ， 其 次 是 页 面 样式 ， 最 后 是 外 部 样 








式 表 。 
1. 内 联 样式 
当 要 为 单个 XHTML 元 素 定义 属性 而 不 想 重用 该 样式 时 ， 可 以 使 用 内 联 样 式 。 内 联 样式 
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在 XHTML 元 素 的 style 属性 中 定义 ， 如 : 
<p style="text-align: center; color: #FFFF00;"> 


操作 时 ， 可 直接 在 XHTML 元 素 对 应 的 “属性 ”窗口 中 选择 style 属性 进行 设置 ， 设置 完 
成 后 会 自动 生成 样式 。 
2. 页 面 样式 
当 要 为 特定 页 中 的 元 素 设 置 样式 时 ， 可 以 在 <head> 元 素 中 的 <style> 元 素 
内 定义 。 定 义 时 可 根据 需要 采用 不 同 的 选择 器 。 
实例 2-4 运用 页 面 样式 
源 程序 .Interior.aspx 


<%@ Page Language="C#" AutogventWireup="true" CodeFile="Interior.aspx.cs" 








Inherits="Chap2_ Interior"%®> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 运 用 页 面 样式 </title> 
<style type="text/css"> 
* {font-family: 隶书 ?} 
[title~=attr] {color: #000080;} 
[title*=attribute] {color: #800080;} 
p {color: #008000;} 
.ClassTest {color: #800000;} 
#divTest {color: #808000;} 


</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<p> 基 于 元 素 选择 器 的 样式 </p> 


<p title="attr Test"> 基 于 [attr~=val] 属 性 选择 器 的 样式 </p> 
<p title="attributeTest"> 基 于 [attr*=val] 属 性 选择 器 的 样式 </p> 
<p class="classTest"> 基 于 类 选择 器 的 样式 </p> 
<div id="divTest"> 基 于 id 选择 器 的 样式 </div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 在 Chap2 文件 夹 中 建立 Interior.aspx 文件 。 

(2) 在 “设计 ”视图 以 段落 方式 分 别 输入 “基于 元 素 选择 器 的 样式 ”“ 基 于 [attr~=val] 
属性 选择 器 的 样式 ”“ 基 于 [attr*=val] 属 性 选择 器 的 样式 ”“ 基 于 类 选择 器 的 样式 ”; 在 “ 工 
具 箱 ” 的 HIML 选项 卡 中 双击 Div 后 建立 的 div 层 中 输入 “基于 id 选择 器 的 样式 ”， 参考 源 
程序 设置 各 元 素 的 属性 。 


AR 


) 
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(3) 选择 “视图 ”一 “管理 样式 ”命令 ， 在 呈现 的 窗口 中 单 击 “ 新 建 样式 ”按钮 回 ， 再 
现 的 对 话 框 中 输入 选择 器 名 *， 设 置 字体 属性 ， 单 击 “ 确 定 ”按钮 建立 * 选 择 器 。 类 似 地 
其 他 选择 器 。 最 后 浏览 Interior.aspx 查看 效果 。 

3. 外 部 样式 表 

外 部 样式 表 常 应 用 于 整个 网 站 ， 并 存储 于 独立 的 .css 文件 中 。 在 调用 时 ， 
<link> 元 素 可 以 将 样式 表 链 接 到 页 面 。 一 个 外 部 样式 表 可 以 链接 到 多 个 
， 这 样 就 可 以 很 方便 地 管理 整个 网 站 的 显示 风格 。 实例 2.5 


实例 2-5 运用 外 部 样式 表 
源 程序 ，Exterior.css 




















在 呈 
文件 


* { font-family: 隶书 : } 

[title~=attr] { color: #000080; } 
[title*=attribute] { color: #800080; } 
p { color: #008000; } 

.ClassTest { color: #800000; } 
#divTest { color: #808000; } 


操作 步骤 : 
(1) 右 击 Styles 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
现 的 对 话 框 中 选择 “样式 表 ” 模 板 ， 输 入 文件 名 Exteriorcss， 单 击 “ 添 加 ”按钮 建立 


(2) 在 Exterior.css 文档 窗口 中 输入 阴影 部 分 代码 。 


源 程序 ，Exterior.aspx 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Exterior.aspx.cs" 
Inherits="Chap2 Exterior"%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 运 用 外 部 样式 表 </title> 
<link href="../Styles/Exterior.css" rel="stylesheet" type="text/css"/> 
</head> 
<body> 
<form id="forml" runat="server"> 
<p> 调 用 Exterior .css 中 基于 元 素 选择 器 的 样式 </p> 
<p title="attr Test"> 调 用 Exterior.css 中 基于 [attr~=val] 属 性 选择 器 的 样式 </p> 
<p title="attributeTest"> 调 用 Exterior.css 中 基于 [attr*=val] 属 性 选择 器 的 样式 
</p> 
<p class="classTest"> 调 用 Exterior.css 中 基于 类 选择 器 的 样式 </p> 
<div id="divTest"> 调 用 Exterior.css 中 基于 id 选择 器 的 样式 </div> 
</form> 
</body> 
</html> 
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操作 步骤 : 

(1) 在 Chap2 文件 夹 中 新 建 Exterior.aspx。 

(2) 在 “设计 ”视图 中 参考 源 程序 输入 内 容 并 设置 各 元 素 属性 。 

(3) 选择 “格式 ”一 “附加 样式 表 ” 命 令 ， 在 呈现 的 对 话 框 中 选择 Styles 文件 夹 中 的 
Exterior.css 文件 。 此 时 ， 在 Exterioraspx 中 会 自动 添加 <link hre 人 ="../Styles/Exterior.css" 
rel="stylesheet” type="text/css" 和， 其 中 ，“.-.” 表 示 当 前 文件 夹 的 上 一 级 文件 夹 。 最 后 浏览 
Exterior.aspx 查看 效果 。 


2.4 .js 文件 和 JavaScript 常识 


JavaScript 是 一 种 面向 对 象 和 事件 驱动 的 客户 端 脚本 语言 ,可 以 直接 嵌入 页 面 中 , 不 需要 
Web 服务 器 端的 解释 执行 而 是 由 浏览 器 解释 执行 。 目 前 ， 所 有 的 浏览 器 均 支 持 JavaSeript。 
典型 的 JavaScript 用 途 主 要 包括 : 在 XHTML 中 创建 动态 文本 ， 响 应 客户 端 事件 ， 读 取 并 改 
变 XHTML 元 素 的 内 容 ， 验 证 客户 端 数据 ， 检测 客户 端 浏览 器 ， 并 根据 检测 到 的 浏览 器 类 型 
载 入 不 同 的 页 面 ， 创 建 Cookies， 关闭 浏览 器 窗口 ， 在 页 面 上 显示 时 间 ， 等 等 。 


2.4.1 JavaScript 代码 位 置 


JavaScript 的 代码 存放 位 置 形 式 有 三 种 : 在 <head> 元 素 中 、 在 <body> 元 素 中 和 独立 的 .js 
文件 中 。 

1， 在 <head> 元 素 中 

<head> 元 素 中 的 JavaScript 代码 包含 于 <scrip 人 > 和 </script> 两 个 标记 之 间 ， 
只 有 在 被 调用 时 才 会 执行 。 


实例 2-6 熟悉 <head> 元 素 中 的 JavaScript 代码 
源 程序 : HeadJS.aspx 
<sQ@ Page Language="C#" AutogventWireup="true" CodeFile="HeadJS.aspx.cs" 
Inherits="Chap2_ HeadJS" 和 > 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtm1"> 





实例 2-6 


<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 熟 悉 glt;headggt; 元 素 中 的 JavaScript 代码 </title> 
<script> 
function message() { 
alert ("在 \<head\> 元 素 中 "); 
} 
</script> 
</head> 
<body onload=—"message () "> 
<form id="forml" runat="server"> 


</form> 
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</body> 
</html> 


操作 步骤 : 

(1) 在 Chap2 文件 夹 中 建立 HeadJS.aspx。 

(2) 在 “ 源 ” 视 图 中 输入 阴影 部 分 内 容 。 最 后 浏览 HeadJS.aspx 查看 效果 。 

程序 说 明 : 

当 页 面 执行 到 <body> 元 素 时 ， 触 发 load 事件 后 调用 messageO 函 数 ， 最 后 在 浏览 器 中 显 
示 “ 在 <head> 元 素 中 ”信息 。 

注意 : JavaScript 中 采用 首 字符 为 小 写字 母 的 方式 命名 对 象 、 芳 数 等 。 这 

2 在 <body> 元 素 中 2 

与 <head> 元 素 类 似 ，<body> 元 素 中 的 JavaScript 代码 也 要 包含 于 <script> 
元 素 中 。 实例 2-7 


实例 2-7 熟悉 <zbody> 元 素 中 的 JavaScript 代码 
源 程序 : BodyJS.aspx 

<%@ Page Language="C#" AutogventWireup="true" CodeFile="BodyJS.aspx.cs" 
Inherits="Chap2_ BodyJS" 和 > 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title> 熟 悉 &lt;bodyg&gt; 元 素 中 的 JavaScript 代码 </title> 
</head> 
<body> 


<form id="forml" runat="server"> 









<div> 
<script> 
document .write ("在 glt;body&ggt; 元 素 中 "); 
</script> 
</div> 
</form> 
</body> 
</html> 


程序 说 明 : 

在 页 面 载 入 时 执行 document.write0 函 数 ， 输 出 XHTML 文本 “在 &ltbody&gt 元 素 中 ”， 
浏览 器 上 显示 效果 是 “在 <body> 元 素 中 ”。 与 包含 于 <head> 元 素 中 的 JavaScript 代码 不 同 的 
是 ， 包 含 于 <body> 元 素 中 的 JavaScript 代码 肯定 会 执行 。 

注意 : 在 XHTML 中 ，“<” 用 “&lt;” 表 示 ，“>” 用 “&gt;” 表 示 。 

3. 在 独立 的 .js 文件 中 

独立 的 js 文件 常用 于 多 个 页 面 需要 调用 相同 JavaScript 代码 的 情形 。 通 常 把 所 有 .js 文件 





放 在 同一 个 脚本 文件 夹 中 ， 这 样 容 易 管理 。 在 调用 外 部 JavaScript 文件 时 ， 
需要 在 <scrip 尼 元 素 中 加 入 src 属性 值 。 





实例 2-8 ”运用 独立 的 js 文件 实例 2-8 
源 程序 :FileJS .aspx 
<%sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="FileJS.aspx.cs" 
Inherits="Chap2 FileJS" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 运 用 独立 的 .js 文件 </title> 
<script src="../Scripts/FileyJS.js"></script> 
</head> 
<body onload="message()"> 
<form id="forml" runat="server"> 
</form> 
</body> 
</html> 


源 程序 : FileJS js 
function message() { 
alert ("JavaScript 代码 在 FileJS .js 文件 中 !"); 

} 

操作 步骤 : 

(1) 右 击 Scripts 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “JavaScript 文件 ”模板 ， 输 入 文件 名 FileJS.js， 单 击 “ 添 加 ”按钮 建 
立 文件 ， 青 在 文档 窗口 中 输入 源 程序 内 容 。 

(2) 在 Chap2 文件 夹 中 建立 FileJS.aspx， 输 入 阴影 部 分 内 容 。 最 后 浏览 FileJS.aspx 查看 
效果 。 

程序 说 明 : 

在 FileJS.aspx 文件 中 ， 阴 影 部 分 中 的 src 属性 值 表示 独立 的 js 文件 存放 位 置 。 当 页 面 执 
行 到 <body> 元 素 时 ， 触 发 load 事件 后 调用 FileJS.js 文件 中 的 message0) 函 数 。 


2.4.2 ”JavaScript 运用 实例 








实例 2-9 实现 图 片 动态 变化 效果 实例 29 
本 实例 首先 在 页 面 上 显示 一 张 鼠标 图 片 ， 当 鼠标 指标 指向 该 图 片 时 显示 
另 一 张 鼠 标 图 片 ， 移 开 鼠 标 指针 后 重新 显示 原来 的 鼠标 图 片 ， 从 而 实现 变换 图 片 的 效果 。 


源 程序 ，ChangeImg.aspx 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChangeImg.aspx.cs" 
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Inherits="Chap2 ChangeImg"%®> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.o0rg/1999/xhtml"> 

<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 实 现 图 片 动态 变化 效果 </title> 
<script> 


function mouseOver() { 


document .getElementById ("mouse") .src 
} 


function mouseOut() { 


"../Images/mouseOver.jpg"; 


外 


document .getElementById ("mouse") .src 
} 
</script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<a href="http://www.sina.com" target=" blank"> 
<img id="mouse"” border="0" alt=" 访 问 sina!" 
src="../Images/mouseOut .jpg" 


"../Images/mouseOut .jpg"; 


onmouseover="mouseOver ()" onmouseout="mouseOut () "/> 
</a> 
</div> 
</form> 
</body> 
</html> 


程序 说 明 : 

页 面 载 入 后 显示 mouseOutjpg。getElementById0 返 回 指定 id 的 XHTML 元 素 。 当 鼠标 指 
针 指 向 图 片 时 ， 触 发 mouseover 事件 后 调用 mouseOver0 函 数 ， 显 示 
mouseOverjpg， 移 开 时 触发 mouseout 事件 后 调用 mouseOutO 函 数 ， 显 示 
mouseOut.jpg。 单 击 后 链接 到 www.sina.com。 





实例 2-10 ”实现 一 个 简易 时 钟 实例 2-10 
本 实例 在 页 面 上 显示 一 个 数字 时 钟 ， 其 中 时 间 数 据 来 源 于 客户 端 。 


源 程序 : Timeraspx 
<%sQ@ Page Language="C#" AutoEVventWireup="true"” CodeFile="Timer.aspx.cs" 
Inherits="Chap2 Timer"%> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
<head runat="server"> 





<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title> 实 现 一 个 简易 时 钟 </title> 
<script> 


人 
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function startTimer() { 


} 


var today = new Date(); // 获 取 客 户 端 当 前 系统 日 期 

var h = today.getHours(); 

var m = today.getMinutes (); 

var s = today.getSeconds (); 

m = checkTime (m) ; // 调 用 自 定义 的 checkTime () 函数 ， 在 小 于 10 的 数字 前 加 0 

s = checkTime(s); 

// 设 置 divTimer 层 显示 内 容 

document .getElementById("divTimer") .innerHTML =h+":"+m+":"+s; 
setTimeout ("startTimer ()",1000) ;// 过 1 秒 后 重复 调用 自 定义 的 startTimer () 函数 


//checkTime (i) 检查 :参数 值 。 如 果 i<10， 就 在 数字 前 加 0 


function checkTime (I) { 


} 


A 
i = "0" + i; 
} 


return i; 


</script> 


</hea 
<body 


d> 
onload="startTimer () "> 


<form id="forml" runat="server"> 
<div id="divTimer"></div> 
</form> 


</bod 
</htm 


y> 
1> 


程序 说 明 : 
当 页 面 载 入 时 , 触发 <body> 元 素 的 load 事件 , 执行 自 定义 的 startTimer0 函 数 ， 该 函数 过 
1 秒 后 重复 调用 自身 ， 连 续 地 在 div 层 divTimer 上 显示 当前 系统 时 间 。 其 中 ， 时 间 数 据 来 源 


于 客户 端 。 


2.5 jQuery 


jQuery 由 John Resig 于 2006 年 初创 建 ， 至 今 已 吸引 了 来 自 世 界 各 地 的 众多 JavaScript 高 
手 加 入 。 作 为 一 个 优秀 的 JavaScript 框架 ， 它 通过 提供 JavaScript 库 的 形式 ， 使 用 户 能 非常 方 


便 地 访问 杂 
样式 ， 处 至 





1 管理 (包括 插入 、 修 改 、 删 除 等 操作 ) XHTML 元 素 ， 设 置 XHTML 元 素 的 CSS 
E XHTML 元 素 的 事件 ， 实 现 XHTML 元 素 的 动画 特效 ， 为 网 站 提供 Ajax 交互 。 


它 支 持 XHTML5 和 CSS3, 提 供 的 jQuery Mobile 可 以 方便 地 用 于 智能 手机 和 平板 电脑 的 Web 





应 用 程序 姑 


F 发 。 目 前 ， 绝 大 多 数 浏览 器 均 支 持 jQuery。 


在 VSC 2017 中 , 通过 NuGet 程序 包 管 理 器 可 方便 地 安装 jQuery。 具 体操 作 时 , 选择 “网 
站 ”一 “管理 NuGet 程序 包 ” 命 令 ， 在 呈现 的 窗口 中 选择 “浏览 ”标签 ， 搜 索 jQuery 再 安装 


就 可 以 了 。 





安装 完成 后 ， 在 网 站 根 文件 夹 下 的 Scripts 文件 夹 中 会 自动 添加 最 新 的 、 由 jQuery 


提供 的 JavaScript 库 。 
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在 VSC 2017 中 ， 要 使 用 jQuery 提供 的 JavaScript 库 ， 和 需要 在 页 面 的 <head> 元 素 中 添加 
相应 的 引用 ， 示 例 代码 如 下 : 

<script src="../Scripts/jquery-3.2.1.min.js"></script> 

其 中 ,jquery-3.2.1.minjs 需要 根据 实际 安装 的 jQuery 版 本 号 进行 相应 的 改变 ， 引 用 的 路 
径 需要 由 引用 页 面 的 存储 位 置 来 确定 。 
2.5.1 jQuery 基础 语法 

jQuery 的 基础 语法 格式 为 : $CGelectonD.action0。 其 中 ，selector 用 于 选择 浏览 器 对 象 ( 如 
表示 浏览 器 窗口 的 window 对 象 ， 表 示 XHTML 文档 的 document 对 象 等 )， 也 可 以 用 于 选择 
XHTML 元 素 ; action0) 通 过 调用 jQuery 已 定义 的 方法 或 编写 自 定义 方法 ， 对 选择 的 对 象 执行 
具体 的 操作 。 

常用 的 用 于 选择 XHTML 元 素 的 jQuery 选择 器 如 表 2-3 所 示 。 

表 2-3 常用 的 jQuery 选择 器 








选 择 器 示 全 示例 含义 

* 选 择 器 S$("*") 选择 所 有 元 素 

元 素 选 择 器 $("p") 选择 所 有 <p> 元 素 
S$("[attr]") 选择 所 有 包含 attr 属性 的 元 素 

属性 选择 器 S$("[attr ='val]") 选择 所 有 attr 属性 的 值 等 于 val 的 元 素 
$("[attr!="val]") 选择 所 有 attr 属性 的 值 不 等 于 val 的 元 素 

类 选择 器 $(".intro") 选择 所 有 class="intro" 的 元 素 

id 选择 器 $("#menubar") 选择 id="menubar" 的 元 素 

first 选择 器 S$("p:first") 选择 第 一 个 <p> 元 素 

contains 选择 器 $(":contains(‘W3C")") 选择 包含 指定 字符 串 W3C 的 所 有 元 素 


常用 的 jQuery 方法 如 表 2-4 所 示 。 
表 2-4 常用 的 jQuery 方法 





















































方 法 含义 
attrO) 设置 或 返回 被 选择 元 素 的 属性 和 值 
bindO 向 被 选择 的 元 素 添 加 事件 处 理 代 码 
clickO 触发 或 将 函数 绑 定 到 被 选择 元 素 的 click 事件 
cssO 设置 或 返回 被 选择 元 素 的 样式 属性 
fadeIn(O) 从 隐藏 到 可 见 ， 逐 渐 地 改变 被 选择 元 素 的 不 透明 度 
fadeOutO 从 可 见 到 隐藏 ， 逐 渐 地 改变 被 选择 元 素 的 不 透明 度 
fadeToggle0 对 被 选择 元 素 进行 隐藏 和 显示 的 切换 
hide0) 隐藏 被 选择 的 元 素 
jQueryajax0 执行 异步 HITP (Ajax) 请 求 ， 常 用 于 实现 页 面 的 局 部 刷新 
load0 触发 或 将 函数 绑 定 到 被 选择 元 素 的 load 事件 
mouseout() 触发 或 将 函数 绑 定 到 被 选择 元 素 的 mouseout 事件 
mouseover() 触发 或 将 函数 绑 定 到 被 选择 元 素 的 mouseover 事件 
Teady0 在 HIML 文档 就 绪 时 触发 ready 事件 ， 然 后 执行 定义 的 函数 
textO 设置 或 返回 被 选择 元 素 的 内 容 
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2.5.2 ”jQuery 运用 实例 


Tr 





实例 2-11 利用 jQuery 管理 XHTML 元 素 
在 图 2-2 中 ， 单 击 “ 隐 藏 ”区 域 ， 将 隐藏 阴影 部 分 内 容 ， 单 击 “ 显 示 ” 实例 2-11 
区 域 ， 将 显示 阴影 部 分 内 容 ， 单 击 “ 淡 入 或 淡出 ”区 域 ， 将 淡 入 或 淡出 阴影 
部 分 内 容 ; 单 击 “ 更 改 内容 ” 区 域 ， 将 阴影 部 分 内 容 改 为 “我 的 内 容 被 更 改 了 !” 单 击 “更 
改 样式 ”区 域 ， 将 页 面 中 所 有 元 素 的 背景 色 改 为 黄色 ， 字 体 改 为 隶书 。 


隐藏 显示 淡 入 或 淡出 更 改 内 容 更 改 样式 
单 击 "隐藏 " 我 就 消失 ， 单 击 “显示 "我 就 回来 ， 单 击 “ 淡 入 或 淡出 "我 就 淡 入 或 淡出 。 





图 2-2 ManageXhtml.aspx 浏览 效果 


源 程 序 ManageXhtml.aspx 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="ManageXhtm]l .aspx.cs" 
Inherits="Chap2 ManageXhtml" 各 > 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 利 用 jQuery 管理 XHTML 元 素 </title> 
<script src="../Scripts/jquery-3.2.1.min.js"></script> 
<script type="text/javascript"> 
$ (document) .ready (function () { 
$("#hide") .click(function () { 
$ ("#effect") .hide(); 
]) 7 
S("#show") .click(function () { 
$ ("#effect") .show(); 
Ws 
EY cliek(sie on (0 
$ ("#effect") .fadeToggle(); 
ns 
$("#chgText") .click (function () { 
$ ("#effect") .text ("我 的 内 容 被 更 改 了 ! ") ; 
D); 
$("#chgCss") .click(function () { 
$("*").css({ "background-color": "yellow", "font-family": "隶书 "” }); 
]) 
nD; 
</script> 
</head> 
<body> 
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<form id="forml" runat="server"> 
<div style="text-align: center"> 
<span id="hide"> 隐 藏 </span> 
<span id="show" style="color: #008080"> 显 示 </span> 
<span class="flip"> 淡 入 或 淡出 </span> 
<span id="chgText" style="color: #008080"> 更 改 内 容 </span> 
<span id="chgCss"> 更 改 样式 </span> 
</div> 
<div id="effect" style="background-color: #DCDCDC"> 单 击 “ 隐 藏 ”我 就 消失 ; 单 
击 “ 显 示 ” 我 就 回来 ， 单 击 “ 淡 入 或 淡出 ”我 就 淡 入 或 淡出 。</div> 


</form> 


</body> 
</html> 


操作 步骤 : 

(1) 在 ChapSite 网 站 中 利用 NuGet 程序 包 管 理 器 安装 jQuery。 

(2) 在 Chap2 文件 夹 中 新 建 ManageXhtml.aspx。 在 “ 源 ” 视 图 中 输入 阴影 部 分 内 容 ， 其 
中 style 属性 值 也 可 以 通过 “属性 ”窗口 进行 设置 。 

(3) 浏览 ManageXhtml.aspx 进行 测试 。 

程序 说 明 : 


Na 


页 面 文档 就 绪 时 ， 触 发 ready 事件 ， 执 行 自 定义 的 函数 代码 ， 包 括 : 


(1) 设置 id 属性 值 为 hide 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 隐藏 id 属性 值 为 





effect 


(2) 设置 id 属性 值 为 show 的 元 素 的 click 事件 处 理 代 码 ， 该 代码 将 显示 id 属性 值 为 
effect 的 元 素 。 

(3) 设置 class 属性 值 为 flip 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 淡 入 或 淡出 id 属性 
值 为 effect 的 元 素 。 

(4) 设置 id 属性 值 为 chgText 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 id 属性 值 为 effect 
的 元 素 的 呈现 内 容 改 为 “我 的 内 容 被 更 改 了 !”。 


(5) 设置 id 属性 值 为 chgCss 的 元 素 的 click 事件 处 理 代码 ， 该 代码 将 所 
有 元 素 的 背景 色 改 为 黄色 ， 字 体 改 为 隶书 。 





国 只 


实例 2-12 利用 jQuery 实现 一 个 时 间 数 据 来 源 于 服务 器 端的 时 钟 | i 


本 实例 利用 jQuery 和 JavaScript 实现 一 个 时 钟 ， 其 中 时 间 数 据 来 源 于 服 
务 器 端 。 





源 程序 :Ajax.aspx 





<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Ajax.aspx.cs" 


Inherits="Ajax" %> 


源 程序 : Ajax.aspx.cs 





using System; 


public partial class Ajax : System.Web.UI.Page 


{ 


~N 
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protected void Page Load(object sender, EventArgs e) 

{ 
// 输 出 当前 服务 器 端的 系统 时 间 ， 该 值 将 传递 给 TimerJQuery.aspx 中 的 datetime 变量 
Response.Write (DateTime .Now); 


} 


源 程序 ， TimerJQuery aspx 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="TimerJQuery.aspx.cs" 
Inherits="Chap2 TimerJQuery" 和 > 
<!DOCTYPE html> 
<html xmlns="http://www.w3.0org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 利 用 jQuery 实现 一 个 时 间 数 据 来 源 于 服务 器 端的 时 钟 </title> 
<script src="../Scripts/jquery-3.2.1.min.js"></script> 
<$%-- refresh () 函数 以 500 毫秒 为 间隔 , 局 部 刷新 div 层 divMsg。 其 中 $.ajax() 调用 jQuery 
的 ajax() 方 法 ， 用 于 执行 异步 请 求 --%> 
<script type="text/javascript"> 
function refresh() { 


$.ajax({ 
url: mAjax.aspx"”， // 发 送 异步 请 求 的 页 面 地 址 
cache: false, // 不 缓存 异步 请 求 的 页 面 


success: function (datetime) { 
// 设 置 div 层 divMsg 的 呈现 内 容 为 服务 器 端 输 出 的 系统 时 间 
$ ("#divMsg") .text (datetime); 
站 
1); 
setTimeout ("refresh()",，500); // 过 500 毫秒 后 重复 调用 自 定义 的 refresh () 函数 
3 
</script> 
</head> 
<body 6nload="refresh()"> 
<form id="forml" runat="server"> 
<div id="divMsg"></div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 在 Chap2 文件 夹 中 新 建 Ajax.aspx， 在 “ 源 ” 视 图 中 保留 @ Page 指令 行 ， 删 除 其 他 
的 内 容 。 

(2) 在 Chap2 文件 夹 中 建立 Ajax.aspx.cs， 输 入 阴影 部 分 内 容 。 

(3) 在 Chap2 文件 夹 中 新 建 TimerJQuery aspx， 在 “ 源 ” 视 图 中 输入 阴影 部 分 内 容 。 

(4) 浏览 TimerJQuery.aspx 查看 效果 。 


(En 
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程序 说 明 : 

当 页 面 载 入 时 ， 触 发 <body> 元 素 的 load 事件 ， 执 行 自 定义 的 refresh0 函 数 。 该 函数 通过 
Ajax.aspx 发 送 异 步 请 求 ， 当 成 功 执行 Ajax.aspx 后 ， 输 出 当前 服务 器 端的 系统 时 间 ， 该 值 将 
传递 给 TimerJQuery.aspx 中 的 datetime 变量 ,再 呈现 在 div 层 divMsg 中 。refresh0 函 数 过 500 
毫秒 后 重复 调用 自身 , 实现 div 层 divMsg 的 局 部 刷新 , 呈现 不 断 变 化 的 服务 器 端的 系统 时 间 。 





2.6 ” .xml 文件 和 XML 常识 


在 ASPNET 网 站 中 ，, .xml 文件 常用 于 解决 跨 平台 交换 数据 的 问题 , 这 种 文件 实际 上 已 成 
为 mternet 数据 交换 的 标准 文件 。 

XML 是 一 种 可 以 扩展 的 标记 语言 , 可 以 根据 实际 需要 , 定义 相应 的 语义 标记 。 与 XHTML 
相 比 ，XHTML 用 来 显示 数据 ， 而 XML 虽 在 传输 和 存储 数据 。 


实例 2-13 ”表达 一 个 XML 格式 的 早餐 菜单 


本 实例 用 XML 格式 描述 一 个 早餐 菜单 , 其 中 包括 食物 名 称 、 价格 、 描述、 
热量 等 。 实例 2-13 








源 程序 : Breakfastxml 
<?xml Version="1.0" encoding="utf-8" ?> 
<!-- 早餐 菜单 --> 
<breakfast_menu> 
<food> 
<name> 豆 浆 </name> 
<price>¥2.0</price> 
<description> 营 养 丰富 ,热量 较 低 </description> 
<calories>40</calories> 
</food> 
<food> 
<name> 油 条 </name> 
<price>¥3.0</price> 
<description> 非 常 好 吃 , 油脂 较 多 </description> 
<calories>300</calories> 
</food> 
</breakfast_menu> 


操作 步骤 : 

(1) 右 击 Chap2 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “XML 文件 ”模板 ， 输 入 文件 名 Breakfastxml， 单 击 “ 添 加 ”按钮 建 
立 文 件 ， 再 输入 全 部 内 容 。 

(2) 在 “解决 方案 资源 管理 器 ”窗口 中 右 击 Breakfast.xml, 在 弹出 的 快捷 菜单 中 选择 “在 
浏览 器 中 查看 ”命令 浏览 效果 。 

程序 说 明 : 

<?xml…?> 表 示 XML 声明 。 其 中, version 属性 指定 .xml 文件 遵循 哪个 版 本 的 XML 规范 ; 
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encoding 属性 指定 使 用 的 编码 字符 集 。 
<breakfast_menu> 表 示 根 元 素 。 在 一 个 .xml 文件 中 必须 包含 且 只 能 包含 一 个 根 元 素 。 
<food>…</food> 使 用 子 元 素描 述 一 种 早餐 。 各 个 <food> 子 元 素 形 成 兄弟 关系 。 


2.7 Web.config 


网 站 的 配置 文件 是 一 个 XML 格式 文件 ， 用 来 存储 配置 信息 。 它 们 可 以 出 现在 网 站 的 多 
个 文件 夹 中 ， 并 形成 一 定 的 层次 关系 。 一 个 网 站 中 最 高 层 的 配置 文件 是 位 于 网 站 根 文件 夹 中 
的 Web.config， 下 一 层 是 位 于 根 文件 夹 下 子 文件 夹 中 的 Web.config。 这 些 配置 文件 形成 继承 
关系 ， 子 文件 夹 中 的 Web.config 继承 根 文件 夹 中 的 Web.config。 不 同 的 Web.config 分 别 作用 
于 各 自 所 在 的 文件 夹 和 下 一 级 文件 夹 。 其 中 , 网 站 根 文件 夹 下 的 Web.config 作用 于 整个 网 站 ， 
而 子 文件 夹 中 的 Web.config 常用 于 存储 该 子 文件 夹 的 授权 信息 。 

Web.config 文件 的 基本 结构 如 下 : 


<?xml version="1.0" encoding="utf-8"?> 
<configuration> 
<configSections> 


</configSections> 


</configuration> 


其 中 <configuration> 表 示 Web.config 文件 的 根 元 素 。 根 据 配 置 要 求 的 不 同 ， 可 形成 多 个 
包含 于 <configuration> 中 的 下 一 级 元 素 。 实 际 工程 中 常 需要 配置 的 元 素 主要 有 1: 

。 <appSettings> 一 一 用 于 自 定 义 应 用 程序 的 配置 。 

。 <authentication> 一 一 用 于 身份 验证 的 配置 。 

。 <connectionStrings> 一 一 用 于 数据 库 连 接 字 符 串 的 配置 。 

。 <pages> 一 一 用 于 页 面 的 特定 配置 。 例 如 ， 当 需要 在 页 面 中 使 用 包含 于 

AjaxControlToolkit 程序 包 中 的 控件 时 ， 可 通过 子 元 素 <controls> 进 行 设置 。 
。 <sessionState> 一 一 用 于 会 话 状 态 的 配置 。 


2.8 Global.asax 


Global.asax 文件 (全 局 应 用 程序 类 文件 ) 是 一 个 可 选 文件 ， 用 于 包含 响应 应 用 程序 级 别 
和 会 话 级 别 事件 的 代码 。 若 一 个 网 站 中 包含 Globalasax， 则 必须 存储 于 网 站 的 根 文件 夹 ， 且 
每 个 网 站 只 能 包含 一 个 Global.asax 文件 。 当 用 户 向 一 个 .aspx 文件 首次 发 出 访问 请 求 时 ，Web 
服务 器 都 会 执行 Globalasax 文件 。 因 此 ， 包 含 在 Global.asax 文件 中 的 代码 将 首先 被 执行 。 
Global.asax 文件 中 处 理 典型 事件 的 方法 包括 : 

。 Application Start() 一 一 Web 应 用 程序 启动 时 运行 的 代码 。 

。 Application End() 一 一 Web 应 用 程序 关闭 时 运行 的 代码 。 

。 Application Error() 一 一 Web 应 用 程序 出 现 未 处 理 的 错误 时 运行 的 代码 。 
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。 Session Start() 一 一 用 户 访问 Web 应 用 程序 启动 新 会 话 时 运行 的 代码 。 
。 Session End() 一 一 用 户 结束 会 话 时 运行 的 代码 。 


2.9 Bootstrap 


Bootstrap 由 Twitter 的 设计 师 Mark Otto 和 Jacob Thomton 合作 开发 ， 于 2011 年 8 月 在 
GitHub 上 以 开源 项 目 形 式 进行 发 布 ， 目 前 已 成 为 主流 的 Web 前 端 设计 与 开发 框架 并 得 到 所 
有 主流 浏览 器 的 支持 。 它 基于 HTML5、CSS3、JavaScript 和 jQuery 技术 ， 提 供 一 个 带 有 网 
格 系统 、 链 接 样式 、 背 景 的 基本 结构 ， 已 预 设置 HIML 元 素 样式 、 全 局 CSS 以 及 可 扩展 的 
类 选择 器 ， 包含 下 拉 菜 单 、 按 钮 组 、 按 钮 下 拉 菜 单 、 导 航 、 导 航 条 、 路 径 导 航 、 分 页 、 排 版 、 
缩 略图 、 警 告 对 话 框 、 进 度 条 、 媒 体 对 象 等 可 重用 组 件 ， 以 及 模式 对 话 框 、 标 签 页 、 滚 动 条 、 
弹出 框 等 自 定义 的 jQuery 插件 ， 从 而 实现 Web 应 用 程序 前 端的 快速 设计 与 开发 。 

面 对 迅 猛 发 展 的 移动 互联 网 ，Bootstrap 以 移动 设备 优先 为 设计 理念 ， 完 全 体现 响应 式 设 
计 思 想 。 也 就 是 说 , 使 用 Bootstrap 设计 的 页 面 能 根据 用 户 终 端 设备 尺寸 或 浏览 器 窗口 尺寸 来 
自动 进行 布局 调整 ， 这 样 ， 软 件 开 发 人 员 只 要 为 用 户 提 供 一 套 解决 方案 ， 而 不 必 分 别 开 发 适 
合 PC 机 、 智 能 手机 和 平板 电脑 等 不 同 终端 设 备 的 网 站 。 具 体操 作 时 ， 通 过 设置 <meta> 元 素 
的 name 属性 值 为 viewport 来 实现 响应 式 设计 ， 示 例 代码 如 下 : 


<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 


其 中 ，device-width 表示 终端 设备 的 宽度 ，initial-scale 表示 初始 缩放 比例 ，1.0 表示 初始 
缩放 比例 为 100%。 

在 VSC 2017 中 ， 通 过 NuGet 程序 包 管 理 器 可 方便 地 安装 Bootstrap。 具 体操 作 时 ， 选 择 
“网 站 ”一 “管理 NuGet 程序 包 ” 命 令 ， 在 呈现 的 窗口 中 选择 “浏览 ”标签 ， 搜 索 Bootstrap 
再 安装 就 可 以 了 。 安 装 完成 后 ， 在 网 站 根 文件 夹 下 的 Content 和 Scripts 文件 夹 中 分 别 会 自动 
添加 最 新 的 〈 本 书 使 用 Bootstrap v3.3.7 版 本 ) 、 由 Bootstrap 提供 的 CSS 样式 和 JavaScript 库 。 

在 VSC 2017 中 , 要 使 用 Bootstrap 提供 的 CSS 样式 和 JavaScript 库 , 需要 在 页 面 的 <head> 
元 素 中 链接 CSS 样式 表 和 添加 相应 的 js 文件 引用 ， 示 例 代 码 如 下 : 


<link href="../Content/bootstrap.min.css" rel="stylesheet" 
type="text/css" /> 
<script src="../Scripts/bootstrap.min.js"></script> 


注意 : 由 于 Bootstrap 提供 的 bootstrap.min.js 中 包含 使 用 jQuery 技术 开发 的 插件 ， 所 以 ， 
在 引用 bootstrap minjs 文件 的 同时 还 需要 引用 jQuery 提供 的 例如 jquery-3.2.1.min.js 的 
JavaScript 库 。 


实例 2-14 利用 Bootstrap 设计 表单 
在 图 2-3 中 ,“ 邮 箱 : ”和 “密码 : ”使 用 了 <label> 元 素 ,“ 邮 箱 ” 文 本 
框 、 “密码 ” 文 本 框 和 “ 记 住 我 ” 复 选 杠 使 用 了 <input> 元 素 ,“ 提 交 ” 按 钮 使 
用 了 ASPNET 中 的 Button 控件 。 其中,“ 邮箱 ”和 “密码 ”文本 框 的 宽度 会 
随 着 浏览 器 窗口 宽度 的 改变 而 改变 ， 体 现 响 应 式 设计 效果 。 
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图 2-3 FormBootstrap.aspx 浏览 效果 


源 程序 ，FormBootstrap.aspx 
<%@ Page Language="C#" RutoEventWireup="true" 
CodeFile="FormBootstrap.aspx.cs" Inherits="Chap2 FormBootstrap" 多 > 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
<title> 利 用 Bootstrap 设计 表单 </title> 
<link href="../Content/bootstrap.min.css" rel="stylesheet" 
type="text/css" /> 
<script src="../Scripts/jquery-3.2.1.min.js"></script> 
<script src="../Scripts/bootstrap.min.js"></script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div class="form-group"> 
<label for="inputEmail"> 邮 箱 : </label> 
<input type="email" class="form-control" id="inputEmail" 
placeholder=" 请 输入 邮箱 地 址 "” /> 
</div> 
<div class="form-group"> 
<label for="inputPassword"> 密 码 : </label> 
<input type="password" class="form-control" id="inputPassword" 
placeholder=" 请 输入 密码 " /> 
</div> 
<div class="checkbox"> 
<label> 
<input type="checkbox" /> 
记 住 我 
</label> 
</div> 
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<asp:Button ID="btnSubmit" CssClass="btn btn-default" runat="server" 
Text=" 提 交 " /> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 在 ChapSite 网 站 中 利用 NuGet 程序 包 管 理 器 安装 Bootstrap 。 

(2) 在 Chap2 文件 夹 中 新 建 FormBootstrap.aspx。 在 “ 源 ” 视 图 中 输入 除 自动 生成 的 代 
码 以 外 的 源 程序 ， 其 中 各 个 XHTML 元 素 的 属性 值 也 可 以 通过 “属性 ”窗口 进行 设置 。 

(3) 浏览 FomBootstrap.aspx， 改 变 浏览 器 窗口 的 宽度 ， 体 会 响应 式 设计 效果 。 

程序 说 明 : 

form-group、form-control、checkbox、“btn btn-default” 等 CSS 类 选择 器 的 定义 包含 在 
bootstrap.min.css 文件 中 。 

注意 : XHTML 元 素 通过 class 属性 而 ASPNET 控件 通过 CssClass 属性 调用 CSS 类 选 
择 器 。 


2.10 小 结 


本 章 主 要 介绍 ASPNET 网 站 的 组 成 , 主要 包含 .html 文件 、.aspx 文件 、.aspx.cs 文件 、.css 
文件 、js 文件 、jQuery、.xml 文件 、Web.config 文件 、Global.asax 文件 、Bootstrap 等 。.html 
文件 由 浏览 器 解释 执行 ， 任 何 一 个 .aspx 文件 的 内 容 都 要 转化 为 XHTML 才能 在 浏览 器 中 查 
看 。 页 面 的 C# 代 码 存储 时 有 单 文件 页 模型 和 代码 隐藏 页 模型 。 代 码 隐藏 页 模型 能 将 C# 代 码 
编译 成 程序 集 ， 从 而 保护 C# 代 码 不 易 被 窃取 。 因 此 ， 软 件 公 司 在 开发 Web 应 用 程序 时 大 都 
采用 该 模型 。CSS 样式 能 使 网 站 保持 统一 风格 。JavaScript 为 静态 页 面 提供 动态 功能 ， 也 是 以 
后 学 习 ASPNET Ajax 的 基础 。 jQuery 能 非常 方便 地 控制 和 管理 XHTML 元素, 实现 XHTML 
元 素 的 动画 效果 ， 还 能 实现 表单 编程 和 Ajax 交互 等 。XML 已 成 为 Intermet 数据 交换 的 标准 
格式 ， 了 解 XML 文件 为 ASPNET 访问 XML 文件 打下 基础 。Web.config 用 于 存储 Web 应 用 
程序 的 配置 信息 。Global.asax 文件 用 于 包含 响应 应 用 程序 级 别 和 会 话 级 别 事件 的 代码 。 
Bootstrap 以 移动 设备 优先 为 设计 理念 , 完全 体现 响应 式 设计 思想 , 是 目前 用 于 Web 应 用 程序 
前 端 设 计 与 开发 的 主流 框架 。 





2.11 习 题 


1. 填空 题 

(1) VSC 2017 默认 建立 的 XHTML 文件 类 型 是 

(2) 利用 XHTML 建立 一 个 链接 到 jxst@126.com 邮箱 的 元 素 是 8 
(3) 页 面 中 的 空格 用 表示 。 


(4) 存放 Web 窗 体 页 C# 代 码 的 模型 有 单 文件 页 模型 和 ____。 
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(5) 实现 页 面 3 秒 自 动 刷 新 一 次 的 元 素 是 __。 

(6) 在 单 文件 页 模型 中 ，C# 代 码 必须 包含 于 ”之 间 。 

(7) 代码 隐藏 页 模型 通过 属性 将 .aspx 文件 和 对 应 的 .aspx.cs 文件 联系 起 来 。 

(8) 外 部 样式 表 通 过 元素 链接 到 页 面 。 

(9) XML 主要 用 于 数据 。 

(10) Global.asax 文件 用 于 包含 响应 级 别 和 级 别 事 件 的 代码 。 

(11) Bootstrap 以 为 设计 理念 ， 完 全 体现 思想 ， 是 目前 用 于 的 主 
2. 是 非 题 


(1) XHTML 是 HTML 的 子 集 。 

(2) XHTML 中 每 个 元 素 都 有 结束 标记 。 

(3) 在 <meta> 元 素 中 可 设置 能 被 搜索 引擎 检索 到 的 关键 词 。 

(4) [attr~=val]{…} 选 择 attr 属性 值 中 包含 val 值 的 元 素 。 

(5) .html 文件 不 需要 编译 ， 直 接 从 Web 服务 器 下 载 到 浏览 器 执行 即 可 。 

(6) 类 选择 器 在 定义 时 要 加 前 级 #。 

(7) JavaScript 代码 必 须 包 含 在 <scrip 亿 元 素 中 。 

(8) 所 谓 响应 式 设计 ， 就 是 使 设计 的 页 面 能 根据 用 户 终端 设备 尺寸 或 浏览 器 窗口 尺寸 来 
自动 进行 布局 调整 。 ( ) 

3， 选 择 题 

(1) CSS 选择 器 不 包括 辐 

A. 元 素 选择 器 B. 属性 选择 器 C. id 选择 器 D. 文件 选择 器 
(2) 下 面 ( ) 是 静态 页 面 文件 的 扩展 名 。 


Wy WW Yk 
A 


A. .asp B. .html C. .aspx D; jp 
(3) App_Code 文件 夹 用 来 存储 六 

A. 数据 库 文件 B. 共享 文件 C. 代码 文件 D. 主题 文件 
(4) Web.config 文件 不 能 用 于 〈 )。 

人 A. Application 事件 处 理 代 码 的 定义 B. 数据 库 连接 字符 串 的 定义 

C. 对 文件 夹 的 访问 授权 D. 自 定义 应 用 程序 的 配置 
(5) 响应 式 设计 通过 设置 <meta> 元 素 的 name 属性 值 为 〈 ) 来 实现 。 

A. viewport B. keywords C. description D. generator 
4， 简 答题 


(1) 简要 说 明 CSS3 的 用 途 。 

(2) 为 何 可 以 把 .html 文件 的 扩展 名 改 为 .aspx， 而 不 能 把 .aspx 文件 的 扩展 名 改 为 .html? 
(3) ASPNET 网 站 开发 中 为 何 需要 JavaScript? 

(4) 举例 说 明 jQuery 的 功能 。 

(5) 简 述 Web.config 文件 特点 及 作用 。 

(6) 简 述 Globalasax 文件 特点 及 作用 。 
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5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 浏览 本 书 提供 的 MyPetShop 应 用 程序 ， 实 现 首页 布局 。 
(3) 建立 一 个 外 部 样式 表 ， 控 制 多 个 页 面 。 

(4) 查找 资料 ， 实 现 利 用 JavaScript 关闭 当前 窗口 的 功能 。 
(5) 利用 jQuery 实现 一 个 时 间 数 据 来 源 于 客户 端的 时 钟 。 
(6) 建立 一 个 能 表达 学 生 信息 的 XML 文件 。 

(7) 查找 资料 ， 利 用 Bootstrap 建立 一 个 网 站 的 导航 栏 。 








Co 
项 


C 光 和 ASP.NET 的 结合 


* 了 解 C# 语 言 特点 和 编程 规范 。 

4 了 解 常用 NET Framework 命名 空间 。 

* 结合 ASPNET 页 面 熟悉 C# 语 言 的 运用 。 
* 结合 ASPNET 页 面 创 建 简单 的 类 。 

* 掌握 ASPNET 页 面 调试 的 方法 。 


3.1 C# 概 述 


C# 是 Microsoft 公司 专门 为 .NET 量 身 打造 的 一 种 全 新 的 编程 语言 。 目 前 ，C# 已 经 分 别 被 
ECMA 和 ISO/IEC 组 织 接受 并 形成 ECMA-334 标准 和 ISO/IEC 23270 标准 。 它 与 NET 
Framework 有 密 不 可 分 的 关系 ，C# 的 类 型 即 为 .NET Framework 所 提供 的 类 型 ， 并 直接 使 
用 .NET Framework 所 提供 的 类 库 。 另 外 ，C# 的 类 型 安全 检查 、 结 构 化 异常 处 理 等 都 交 给 CLR 
处 理 。 实 际 上 , ASPNET We 就 采用 C# 语 言 开发 , 所 以 C# 不 仅 适 用 于 Web 应 用 程序 的 开发 ， 
也 适用 于 开发 强大 的 系统 程序 。 总 体 来 说 ， 它 具有 以 下 典型 特点 : 

tien ti 下 运行 , 不 允许 直接 操作 内 存 , 增强 了 程序 的 
安全 性 。C# 不 推荐 使 用 指针 , 若 要 使 用 指针 , 就 必须 添加 unsafe 修饰 符 , 且 在 编译 时 使 用 /unsafe 

(2) 使 用 C# 能 构建 健壮 的 应 用 程序 。C# 中 的 垃圾 回收 将 自动 回收 不 再 使 用 的 对 象 所 占 
用 的 内 存 ， 异 常 处 理 提供 了 结构 化 和 可 扩展 的 错误 检测 和 恢复 方法 ， 类 型 安全 的 设计 则 避免 
了 读 取 未 初始 化 的 变量 、 数 组 索引 超出 边界 等 情形 。 

(3) 统一 的 类 型 系统 。 所 有 C# 类 型 都 继承 于 一 个 唯一 的 根 类 型 object。 因 此 ， 所 有 类 型 
都 共享 一 组 通用 操作 。 

(4) 完全 支持 组 件 编 程 。 现代 软件 设计 日 益 依 赖 自 包 含 和 自 描述 功能 包 形 式 的 软件 组 件 ， 
通过 属性 、 方 法 和 事件 来 提供 编程 模型 。C# 可 以 容易 地 创建 和 使 用 这 些 软件 组 件 。 


3.2 .NET Framework 命名 空间 


.NET Framework 提供 了 几 千 个 类 用 于 对 ea 这 些 类 是 建立 应 用 程序 、 组 件 
和 控件 的 基础 。 在 .NET Framework 类 的 方式 即 是 命名 空间 。 

要 在 ASPNET 网 站 中 使 用 这 些 命名 空间 ， 需要 使 用 using 语句 ， 如 “using System:” 表 
示 导 入 System 命名 空间 。 导 入 命 es 名 空间 。 例 如， 车 
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没有 使 用 “using System: ”语句 ， 则 “string strNum = "100";” 这 条 语句 就 会 出 现 编译 错误 ， 
此 时 就 应 该 用 “System.String strNum = "100";” 代 替 。 

注意 : C#i 语 言 区 分 大 小 写 。 语句 “System.String strNum = "100":” 中 的 String 首 字母 大 
写 , 表示 System 命名 空间 中 的 一 个 类 。 而 “string strNum 二 "100";” 中 的 string 表示 一 种 数据 

常用 于 ASPNET 页 面 的 命名 空间 有 : 

。 System 一 一 提供 基本 类 。 

。 System.Configuration 一 一 提供 处 理 配置 文件 中 数据 的 类 。 

。 System.Data 一 一 提供 对 ADO.NET 类 的 访问 。 

。 System.Data.Ling 一 一 提供 使 用 LINQ to SQL 操作 关系 数据 库 的 类 。 

。 System.Ling 一 一 提供 使 用 LINQ 的 类 和 接口 。 

。 System.Transactions 一 一 提供 用 于 数据 库 事务 处 理 的 类 。 

。 System.Web 一 一 提供 使 浏览 器 与 服务 器 相互 通信 的 类 和 接口 。 

。 System.Web.Security 一 一 提供 实现 ASPNET 安全 性 的 类 。 

。 System.Web.UI 一 一 提供 用 于 创建 Web 应 用 程序 用 户 界面 的 类 和 接口 。 

。 System.Web.UI.HtmlControls 一 一 提供 在 Web 窗 体 上 创建 HTML 服务 器 控件 的 类 。 

。 System.Web.UI.WebControls 一 一 提供 在 Web 窗 体 上 创建 Web 服务 器 控件 的 类 。 

。 System.XmlLinq 提供 用 于 LINQ to XML 的 类 。 


3.3 编程 规范 




















3.3.1 程序 注释 


注释 有 助 于 理解 代码 ， 有 效 的 注释 是 指 在 代码 的 功能 、 意 图 层次 上 进行 注释 , 提供 有 用 、 
人 额外 的 信息 ， 而 不 是 代码 表面 意义 的 简单 重复 。 程 序 注释 需要 遵守 下 面 的 规则 

(1) 类 、 方法、 属性 的 注释 采用 XML 文档 格式 注释 。 多 行 代码 注 释 采 用 /* … */。 单 行 
代码 注释 采用 //…。 

(2) 类 、 接 口头 部 应 进行 XML 注释 。 注 释 应 列 出 内 容 摘要 、 版 本 号 、 作 者 、 完 成 日 期 、 
修改 信息 等 。 

(3) 公共 方法 前 面 应 进行 XML 注释 ， 列 出 方法 的 目的 /功能 、 输 入 参数 、 返 回 值 等 。 

(4) 在 们 中 包含 较 多 代码 行 的 结束 处 应 加 注释 ， 特 别 是 多 分 支 、 多 重税 套 的 条 件 语句 或 
循环 语句 。 

(5) 对 分 支 语句 (条 件 分 支 、 循 环 语句 等 ) 应 编写 注释 。 这 些 语句 往往 是 程序 实现 某 一 
特殊 功能 的 关键 ， 对 于 维护 人 员 来 说 ， 良 好 的 注释 有 助 于 更 好 地 理解 程序 ， 有 时 甚至 优 于 看 
设计 文档 。 

3.3.2 ”命名 规则 


命名 通常 考虑 字母 的 大 小 写 规则 ， 主 要 有 Pascal 和 Camel 两 种 形式 。Pascal 形式 将 标识 
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符 的 首 字母 和 后 面 连接 的 每 个 单词 的 首 字母 都 大 写 , 如 BackColor。Camel 形式 将 标识 符 的 首 
字母 小 写 ， 而 每 个 后 面 连接 的 单词 的 首 字 母 都 大 写 ， 如 backColor。 常 用 标识 符 的 大 小 写 方式 
如 表 3-1 所 示 。 





表 3-1 常用 标识 符 的 大 小 写 方式 对 应 表 





标 识 符 方式 示 例 标识 符 | 方 式 示 例 
类 Pascal AppDomain 接口 Pascal IDisposable 





枚 举 类 型 Pascal ErrorLevel 方法 Pascal ToString 
枚 举 值 了 Pascal FatalError 命名 空间 Pascal System 





事件 Pascal typeName 
异常 类 Pascal WebException 属性 BackColor 
只 读 的 太太 字 也 | Pascal ee 
下 面 是 命名 时 应 遵守 的 其 他 规则 。 
(1) 用 正确 的 反义词 组 命名 具有 互 斥 意义 的 变量 或 相反 动作 的 函数 等 。 
(2) 常量 名 都 要 使 用 大 写字 母 , 用 下 画 线 分 割 单词 ， 如 MIN_VALUE 等 。 
(3) 一 般 变量 名 不 得 取 单 个 字符 〈 如 坟 六 天 等 ) 作为 变量 名 ， 局 部 循环 变量 除外 。 
(4) 类 的 成 员 变量 〈 属 性 所 对 应 的 变量 ) 使 用 前 级 _， 如 属性 名 为 Name， 则 对 应 的 成 员 
变量 名 为 Name。 
(5) 控件 命名 采用 “控件 名 简写 + 英文 描述 ”形式 ， 英 文 描述 首 字 母 大 写 。 建 议 采 用 如 






































表 3-2 所 示 的 常用 控件 名 简写 规范 。 
(6) 接口 命名 在 名 字 前 加 上 前 级 I， 如 IDisposable。 
表 3-2 建议 采用 的 常用 控件 名 简写 规范 表 
控 件 名 简 写 控 件 名 控 件 名 简 写 
Label lbl TextBox RadioButton rdo 
Button btn LinkButton Image img 
TmageButton imgbtn DropDownList RangeValidator TV 
ListBox lst GridView RequiredFieldValidator Tfv 
DataList dl CheckBox CompareValidator CV 
CheckBoxList chkls AdRotator ValidatorSummary VS 
RadioButtonList rdolt Table ReegularExpressionValidator TeV 
Panel pnl Calendar 
3.4 量 





3.4.1 常量 声明 

常量 具有 在 编译 时 值 保持 不 变 的 特性 ， 声 明 时 使 用 const 关键 字 ， 同 时 必须 初始 化 。 使 
常量 的 好 处 主要 有 : 常量 用 易于 理解 的 名 称 替 代 了 “含义 不 明确 的 数字 或 字符 串 ”%” 使 程序 
更 易于 阅读 ; 常量 使 程序 更 易于 修改 ， 如 个 人 所 得 税 计算 中 ， 若 使 用 TAX 常量 代表 税率 ， 则 
当 税率 改变 时 ， 只 需 修 改 常 量 值 而 不 必 在 整个 程序 中 修改 相应 税率 。 




















全 
【 
[ee) Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 


全 





常量 的 访问 修饰 符 有 public、internal、Pprotected internal 和 private 等 ， 如 : 


public const string CORP=" 一 舟 网 络 "; // 定 义 公 共 的 字符 型 常量 CORP， 值 为 "一 舟 网 络 " 


3.4.2 ”变量 声明 

变量 具有 在 程序 运行 过 程 中 值 可 以 变化 的 特性 ， 必 须 先 声明 再 使 用 。 变 量 名 长 度 任意 ， 
可 以 由 数字 、 字 母 、 下 画 线 等 组 成 ,但 第 一 个 字符 必须 是 字母 或 下 画 线 。C# 是 区 分 大 小 写 的 ， 
因此 strName 和 stmame 代表 不 同 的 变量 .变量 的 修饰 符 有 public、internal、 protected、protected 
internal、private、static 和 readonly，C# 中 将 具有 这 些 修 饰 符 的 变量 称 为 字段 ， 而 把 方法 中 定 
义 的 变量 称 为 局 部 变量 。 

注意 : 局 部 变量 前 不 能 添加 public、internal、protected、protected intemal、private、static 
和 readonly 等 修饰 符 。 


3.4.3 ”修饰 符 


public 、intemal、protected、protected internal、private 修饰 符 都 用 于 设置 变量 的 访问 级 别 ， 
在 变量 声明 中 只 能 使 用 这 些 修饰 符 中 的 一 个 。 它 们 的 作用 范围 如 表 3-3 所 示 。 


表 3-3 访问 修饰 符 的 作用 范围 表 


修 饰 符 作用 范围 
public 访问 不 受 限制 ， 任 何 地 方 都 可 访问 
internal 在 当前 程序 中 能 被 访问 
protected 在 所 属 的 类 或 派生 类 中 能 被 访问 
protected internal 在 当前 的 程序 或 派生 类 中 能 被 访问 
private 在 所 属 的 类 中 能 被 访问 


使 用 static 声明 的 变量 称 静 态 变量 ， 又 称 为 静态 字段 。 对 于 类 中 的 静态 字段 ， 在 使 用 时 
即使 创建 了 多 个 类 的 实例 ， 都 仅 对 应 一 个 实例 副本 。 访 问 静 态 字段 时 只 能 通过 类 直接 访问 ， 
而 不 能 通过 类 的 实例 来 访问 。 

使 用 readonly 声明 的 变量 称 只 读 变量 ， 这 种 变量 被 初始 化 后 在 程序 中 不 能 修改 它 的 值 。 
3.4.4 ”局 部 变量 作用 范围 

1. 块 级 

块 级 变量 是 作用 域 范围 最 小 的 变量 ， 如 包含 在 于 while 等 语句 段 中 的 变量 。 这 种 变量 仅 
在 块 内 有 效 ， 在 块 结束 后 即 被 删除 。 如 下 面 程序 段 中 的 strName 变量 ， 在 程序 段 结束 之 后 不 
能 被 访问 。 

if (nSum==1) 

{ 


string strName=" 张 三 "; //strName 是 块 级 变量 
} 
lblMessage.Text=strName; // 不 能 访问 strName， 会 产生 编译 错误 
2. 方法 级 


方法 级 变量 作用 于 声明 变量 的 方法 中 ， 在 方法 外 不 能 访问 。 
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protected void Page Load (object sender, EventArgs e) 
{ 

string strName=" 张 三 "; //strName 是 方法 级 变量 
} 
protected void BtnSubmit Click(object sender, EventArgs e) 
{ 

lblMessage.Text=strName;  // 不 能 访问 strName， 会 产生 编译 错误 
i 


3. 对 象 级 
对 象 级 变量 可 作用 于 定义 类 的 所 有 方法 中 ， 只 有 相应 的 ASPNET 页 面 结束 时 才 被 删除 。 
public partial class Default : System.Web.UI.Page 
{ 
string strName=" 张 三 "; //strName 是 对 象 级 变量 
protected void Page Load (object sender, EventArgs e) 
{ 
strName=" 李 四 "; 
} 
protected void BtnSubmit_ Click(object sender, EventArgs e) 
{ 
lblMessage.Text=strName; // 能 访问 strName 
} 
} 


3.5 数据 类 型 


C# 数 据 类 型 有 值 类 型 和 引用 类 型 两 种 。 值 类 型 变量 直接 包含 它们 的 数据 ， 而 引用 类 型 变 
量 存 储 它们 的 数据 的 引用 。 对 于 值 类 型 ， 一 个 变量 的 操作 不 会 影响 另 一 个 变量 ， 而 对 于 引用 
类 型 ， 两 个 变量 可 能 引用 同一 个 对 象 ， 因 此 对 一 个 变量 的 操作 可 能 会 影响 到 另 一 个 变量 。 


3.5.1 值 类 型 


值 类 型 分 为 简单 类 型 、 结 构 类 型 、 枚 举 类 型 。 简 单 类 型 再 分 为 整数 类 型 、 布 尔 类 型 、 字 
符 类 型 和 实数 类 型 。 

1， 简 单 类 型 

1) 整数 类 型 

整数 类 型 的 值 都 为 整数 ， 在 具体 编程 时 应 根据 实际 需要 选择 合适 的 整数 类 型 ， 以 免 造 成 
存储 资源 浪费 。 

2) 布尔 类 型 

布尔 类 型 表示 “ 真 ” 和 “ 假 ?” 用 true 和 false 表示 。 

注意 : 布尔 类 型 不 能 用 整数 类 型 代替 ， 如 数字 0 不 能 代替 false。 

3) 字符 类 型 

字符 类 型 采用 Unicode 字符 集 标 准 ， 一 个 字符 长 度 为 16 位 。 字 符 类 型 的 赋值 形式 有 : 
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char cl="'A'; // 一 般 方式 ， 值 为 字符 A 

char c2=" 中 '; // 值 为 汉字 “中 ” 

char c3="'\x0041'; ”// 十 六 进 制 方式 ， 值 为 字符 A 

char c4="'\u0041'; ”//Unicode 方式 ， 值 为 字符 A 

char c5="'\'';  // 转 义 符 方式 ， 值 为 单 引号 " ， 其 中 等 号 右边 是 “ 单 引 号 、\、 单 引号 、 单 引号 ” 


注意 : char 类 型 变量 声明 时 必须 包含 在 一 对 单 引 号 中 ， 如 语句 “char c6="A";” 编 译 时 将 
出 错 。 

4) 实数 类 型 

实数 类 型 分 为 float( 单 精度 ) 类 型 、double( 双 精度 ) 类 型 和 decimal (十 进 制 ) 类 型 。 
其 中 float、double 类 型 常用 于 科学 计算 ，decimal 类 型 常用 于 金融 计算 。 

注意 : float 类 型 必须 在 数据 后 添加 下 或 fdecimal 类 型 必须 添加 M 或 m， 否 则 编译 器 
以 double 类 型 处 理 ， 如 “float fNum=12.6f” 。 

2， 结 构 类 型 

把 一 系列 相关 的 变量 组 织 在 一 起 形成 一 个 单一 实体 ， 这 种 类 型 称 为 结构 类 型 ， 结 构 体 内 
的 每 个 变量 称 为 结构 成 员 。 结 构 类 型 的 声明 使 用 struct 关键 字 。 下 面 的 示例 代码 声明 学 生 信 
息 StudentInfo 结构 ， 其 中 包括 Name、Phone、Address 成 员 。 





public struct StudentInfo 
{ 
public string Name; 
public string Phone; 
public string Address; 


} 
StudentInfo stStudent; //stStudent 为 一 个 StudentInfo 结构 类 型 变量 


对 结构 成 员 访 问 使 用 “结构 变量 名 .成 员 名 ”形式 ， 如 “stStudent.Name=" 张 三 ";”。 

3.， 枚 举 类 型 

枚 举 类 型 是 由 一 组 常量 组 成 的 类 型 ， 使 用 enum 关键 字 声 明 。 枚 举 中 每 个 元 素 默认 是 整 
数 类 型 ， 且 第 一 个 值 为 0， 后面 每 个 连续 的 元 素 依次 加 1 递增 。 若 要 改变 默认 起 始 值 0， 可 以 
通过 直接 给 第 一 个 元 素 赋值 的 方法 来 改变 。 枚 举 类 型 的 变量 在 某 一 时 刻 只 能 取 某 一 枚 举 元 素 
的 值 。 加 







实例 3.1 运用 枚 举 类 型 变量 
本 实例 首先 定义 枚 举 类 型 Color, 再 声明 enumColor 枚 举 变量 , 最 后 以 两 [Oo 
种 形式 输出 enumColor 值 。 实例 3-1 





源 程序 ，Enum.aspx 部 分 代码 





<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="Enum.aspx.cs" 
Inherits="Chap3 Enum" $> 


… ( 咯 ) 


源 程序 ，Enum.aspx.cs 





using System; 
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public partial class Chap3 Enum : System.Web.UI.Page 
{ 
enum Color // 声 明 枚 举 类 型 Color 
{ 
Red = 1, Green, Blue 
} 
protected void Page Load(object sender, EventArgs e) 
{ 
Color enumColor = Color.Green; 
int i = (int)Color.Green; 
Response.Write ("enumColor 的 值 为 : " + enumColor + "<br />"); // 输 出 Green 
Response.Write ("i 的 值 为 : " + i) 7: // 输 出 2 
} 
} 


操作 步骤 : 
在 Chap3 文件 夹 中 新 建 Enum.aspx 和 Enum.aspx.cs。 在 Enum.aspx.cs 中 输入 阴影 部 分 内 
容 。 浏 览 Enum.aspx 呈现 如 图 3-1 所 示 的 界面 。 


i 


,| 


enumColor 的 值 为 : Green 
i 的 值 为 : 2 





图 3-1 Enum.aspx 浏览 效果 


3.5.2 引用 类 型 


C# 引 用 类 型 包括 class 类 型 、 接 口 类 型 、 数 组 类 型 和 委托 类 型 。 

1. class 类 型 

class 类 型 定义 了 一 个 包含 数据 成 员 ( 字 段 ， 和 函数 成 员 (方法 、 属 性 等 ) 的 数据 结构 ， 
声明 使 用 class 关键 字 。 在 3.8 节 中 将 详细 地 介绍 有 关 类 的 内 容 。 

1) object 类 型 

作为 class 类 型 之 一 的 object 类 型 ,在 .NET Framework 中 实质 是 System.Object 类 的 别名 。 
object 类 型 在 C# 的 统一 类 型 系统 中 有 特殊 作用 , 所 有 其 他 类 型 (预定 义 类 型 、 用 户 定义 类 型 、 
引用 类 型 和 值 类 型 ) 都 是 直接 或 间接 地 从 System.Object 类 继承 ， 因 此 ， 可 以 将 任何 类 型 的 数 
据 转化 为 object 类 型 。 

2) string 类 型 

另外 一 种 作为 class 类 型 的 string 类 型 在 C# 中 实质 是 一 种 数组 ， 即 字符 串 可 看 作 是 一 个 
字符 数组 。 在 声明 时 要 求 放 在 一 对 双 引 号 之 间 。 对 于 包含 \ 等 字符 的 字符 串 ， 要 使 用 转 义 符 形 
式 ， 如 下 面 的 示例 代码 : 


string strPath = "C:\\ASP.NET\\Default.aspx"; 
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对 需要 转 义 符 定义 的 字符 串 ，C# 中 的 @ 字 符 提供 了 另 一 种 解决 方法 ， 即 在 字符 串 前 加 上 
@ 后 ， 字 符 串 中 的 所 有 字符 都 会 被 看 作 原来 的 含义 ， 如 上 面 的 示例 代码 可 写成 ; 


string strPath = @"C:\ASP.NET\Default.aspx"; 
另外 ，[] 运 算 符 可 访问 字符 串 中 各 个 字符 ， 如 : 


string strTest = "abcdefg"; 
char x = strTest[2]; //x 的 值 为 'c' 


注意 : string 类 型 声明 需要 一 对 双 引 号 ， 而 char 类 型 声明 需要 一 对 单 引号 。 

实际 编程 时 经 常 遇 到 要 将 其 他 数据 类 型 转换 为 string 类 型 的 情形 , 这 可 以 通过 ToString() 
方法 实现 ， 如 : 

string strInt = 23.ToString(); //int 类 型 转换 为 string 类 型 


ToString0 方 法 还 提供 了 很 实用 的 用 于 转换 成 不 同 格式 的 参数 ,如 下 面 示例 中 P 了 表示 百 分 
比 格式 ，D 表示 长 日 期 格式 ， 其 他 的 参数 详 见 MSDN。 

Response.Write (0.234.ToString ("P")); // 输 出 23.4% 

// 输 出 当前 系统 日 期 ， 形 式 如 “2018 年 3 月 21 日 ” 

Response.Write (DateTime.Now.ToString("D")); 

若 要 将 string 类 型 转换 为 其 他 类 型 ， 可 使 用 Parse0 方 法 或 Convert 类 的 相应 方法 ， 如 : 

int iString = Int32.Parse("1234"); // 将 string 类 型 转换 为 int32 类 型 

// 将 日 期 类 型 转换 为 string 类 型 

string strDatetime = Convert.ToString (DateTime.Now); 

2.， 接口 类 型 

接口 常用 来 描述 组 件 对 外 能 提供 的 服务 ， 如 组 件 与 组 件 之 间 、 组 件 和 用 户 之 间 的 交互 都 
是 通过 接口 完成 。 接 口中 不 能 定义 数据 ， 只 能 定义 方法 、 属 性 、 事 件 等 。 包 含 在 接口 中 的 方 
法 不 定义 具体 实现 ， 而 是 在 接口 的 继承 类 中 实现 。 

3. 数组 类 型 

数组 是 一 组 数据 类 型 相同 的 元 素 集合 。 要 访问 数组 中 的 元 素 时 , 可 以 通过 “数组 名 [下 标 ]” 
形式 获取 ， 其 中 下 标 编号 从 0 开始 。 数 组 可 以 是 一 维 的 ， 也 可 以 是 多 维 的 。 下 面 是 数组 声明 
的 多 种 形式 : 


string[] sl1; // 定 义 一 维 数组 ， 但 未 初始 化 值 
int[] 32 = new int[] { 1, 2, 3 1}; // 定 义 一 维 数组 并 初始 化 
int[,] s3 = new int[,] { { 1，2 }，{ 4，5 } }; // 定 义 二 维 数组 并 初始 化 

4. 委托 类 型 


委托 是 一 种 安全 的 封装 方法 的 类 型 , 类 似 于 C 和 C++ 中 的 函数 指针 。 与 C 中 的 函数 指针 
不 同 ， 委 托 是 类 型 安全 的 ， 通 过 委托 可 以 将 方法 作为 参数 或 变量 使 用 。 


3.5.3 ” 装 箱 和 拆 箱 
装 箱 和 拆 箱 是 实现 值 类 型 和 引用 类 型 相互 转换 的 桥梁 。 装 箱 的 核心 是 把 值 类 型 转换 为 对 
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象 类 型 ， 也 就 是 创建 一 个 对 象 并 把 值 赋 给 对 象 ， 如 : 





int i = 100; 


object objNum = i; // 装 箱 


拆 箱 的 核心 是 把 对 象 类 型 转换 为 值 类 型 ， 即 把 值 从 对 象 实例 中 复制 出 来 ， 如 : 


int i = 100; 
object objNum = i; // 装 箱 
int j = (int)objNum; // 拆 箱 


A 


3.6 运 算 符 


表 3-4 总 结 了 C# 中 常用 的 运算 符 ， 并 按 优先 级 从 高 到 低 的 顺序 列 出 。 


表 3-4 运算 符 对 应 表 
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类 别 | 表达 式 | 说 明 
成 员 访 问 
方法 和 委托 调用 
数组 和 索引 器 访问 
|xt+ | 后 丧 量 
二 后 
对 象 和 委托 创建 
使 用 初始 值 设 定 项 创建 对 象 
蕉 名 对 象 初始 值 设 定 项 
| new TT…] | 数组 创建 
获得 工 的 System.Type 对 象 
求 相反 数 
逻辑 求 反 
本 ~x 按 位 求 反 
二 HHX 前 增 量 
x 前 减 量 
显 式 地 将 x 转换 为 类 型 T 
乘法 
乘除 除法 
求 余 
1 沽 加 法 、 字 符 串 串联 、 委 托 组 合 
减法 、 委 托 移 除 
左 移 
移 位 和 
小 于 
大 于 
关系 和 类 型 检测 人 于 





大 于 或 等 于 





如 果 区 属于 工 类 型 ， 则 返回 tue， 和 否则 返回 false 
返回 转换 为 类 型 的 x， 如 果 x 不 是 T， 则 返回 null 











Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 





续 表 





若 X 不 等 于 y， 则 为 tue， 否 则 为 false 

整 型 按 位 XOR、 布 尔 逻 辑 XOR 

整 型 按 位 OR、 布尔 逻辑 OR 

仅 当 x 为 true 时 才 对 y 求 值 ， 青 执行 布尔 逻辑 AND 操作 

仅 当 x 为 false 时 才 对 y 求 值 ， 青 执行 布尔 逻辑 OR 操作 

如 果 x 为 tue， 则 对 y 求 值 并 返回 y 的 值 ， 如 果 x 为 false， 则 对 z 
求 值 并 返回 z 的 值 

赋值 

复合 赋值 ， 支 持 op 运算 符 有 : 


*= 上 %= ff- = < >= &- 和 性 = 





逻辑 操作 














条 件 








3.7 流程 控制 


与 其 他 语言 类 似 ，C# 提 供 了 选择 、 循 环 等 结构 。 用 于 选择 结构 的 有 过 和 switch 语句 ; 用 
于 循环 结构 的 有 while、do…while、for 和 foreach 语句 。 
3.7.1 选择 结构 

1. 让 语句 

语法 格式 一 : 

if (条 件 表达 式 ) { 语句 序列 } 

执行 顺序 : 计算 条 件 表 达 式 。 若 值 为 tte， 则 执行 “语句 序列 ”否则 执行 下 语句 的 后 续 
语句 。 

语法 格式 二 : 

if (条 件 表达 式 ) { 语句 序列 1 } 

else { 语句 序列 2 } 

执行 顺序 : 计算 条 件 表达 式 。 若 值 为 tue， 则 执行 “语句 序列 1”， 否 则 执行 “语句 序 
列 2”。 

注意 : 条 件 表达 式 在 判断 是 否 相 等 时 一 定 要 用 一 。 

2. switch 语句 

让 语句 实现 的 是 两 路 分 支 功 能 , 若 要 用 站 语 句 实现 两 路 以 上 的 分 支 时 , 必须 嵌 套 让 语句 。 
而 使 用 switch 语句 能 很 方便 地 实现 多 路 分 支 功能 。 语 法 格式 如 下 : 

switch (控制 表达 式 ) 

{ 


case 常量 1: 


语句 序列 1 
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case 常量 2: 


语句 序列 2 


default: 
语句 序列 n 
} 
执行 顺序 : 计算 控制 表达 式 。 若 值 与 某 一 个 case 后 面 的 常量 值 匹配 ， 则 
执行 此 case 块 中 的 语句 ， 若 值 与 所 有 case 后 面 的 常量 值 均 不 匹配 ， 则 执行 
default 语句 块 。 


实例 3-2 运用 switch 语句 
如 图 3-2 所 示 ， 本 实例 根据 今天 是 星期 几 在 页 面 上 输出 相应 信息 。 


€ 


‖ 今天 是 星期 三 ! 





图 3-2 Switch.aspx 浏览 效果 


源 程序 ， Switch.aspx 部 分 代码 





<%@ Page Language="C#" AutogventWireup="true" CodeFile="Switch.aspx.cs" 


Inherits="Chap3_ Switch" 和 > 
… (了 略 ) 


源 程序 : Switch.aspx.cs 
using System; 
public partial class Chap3 Switch : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
和. 
DateTime dtToday = DateTime.Today; // 获 取 今 天 的 系统 日 期 
Switch (dtToday.DayOfWeek.ToString()) // 枚 举 值 转换 为 字符 型 
{ 
case "Monday": 
Response .Write ("今天 是 星期 一 ! "); 
break; 
case "Tuesday": 
Response .Write ("今天 是 星期 二 ! "); 
break; 
case "Wednesday": 
Response .Write ("今天 是 星期 三 ! "); 
break; 
case "Thursday": 
Response .Write ("今天 是 星期 四 ! "); 


break; 
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case "Friday™": 
Response .Write ("今天 是 星期 五 ! "); 
break; 

default: 
Response .Write ("今天 可 以 休息 了 ! "); 


break; 


3.7.2 ”循环 结构 

1，while 语 

while 语句 根据 条 件 表达 式 的 值 ， 执 行 0 次 或 多 次 循环 体 。 语 法 格式 如 下 : 

while (条 件 表达 式 ) { 语句 序列 } 

执行 顺序 : 

(1) 计算 条 件 表达 式 。 

(2) 若 条 件 表 达 式 的 值 为 tue, 则 执行 循环 体 中 语句 序列 , 然后 返回 (1); 
否则 执行 while 后 续 语句 。 





实例 3-3 运用 while 语句 [De 
本 实例 在 页 面 上 的 文本 框 中 输入 一 个 值 mw， 单 击 “ 确 定 ” 按 钮 后 计算 实例 3-3 
1+3+…+n， 再 在 一 个 标签 控件 中 输出 计算 值 。 


源 程序 ， While.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="While.aspx.cs" 
Inherits="Chap3 While" 和 > 


<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtInput" runat="server"> 请 输入 一 个 数字 </asp:TextBox> 
<asp:Label ID="lblOutput" runat="server"></asp:Label><br/> 
<asp:Button ID="btnsubmit" runat="server"” Text=" 确 定 " 
OnClick="BtnSubmit Click" /> 
</div> 
</form> 


源 程序 ，While.aspx.cs 





using System; 

public partial class Chap3 While : System.Web.UI.Page 

{ 
protected void BtnSubmit Click(object sender, EventArgs e) 
{ 
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int iSum = 0; //isum 存放 和 
int iInput = int.Parse(txtInput.Text);//iInput 存放 类 型 转换 后 的 文本 框 输入 值 
int i = 1; // 循 环 变 量 i 


while (i <= iInput) 
| 
iSum += i; 
诗话 = 这 
} 
lblOoutput .Text = "和 为 : " + iSum.ToString(); 
} 
} 


操作 步骤 : 

在 Chap3 文件 夹 中 建立 While.aspx， 添 加 TextBox、Label 和 Button 控件 各 一 个 ， 参 考 源 
程序 设置 各 控件 属性 ; 在 While.aspx.cs 中 输入 代码 。 浏 览 While.aspx 呈现 如 图 3-3 所 示 的 界 
面 ， 在 文本 框 中 输入 100， 单 击 “ 确 定 ”按钮 后 呈现 如 图 3-4 所 示 的 界面 。 








请 输入 一 个 数字 中 1 和 为 : 2500 
确定 








me 1 me | 
< | 











图 3-3 While.aspx 浏览 效果 (1) 图 3-4 While.aspx 浏览 效果 (2) 


2.，do…while 循环 

语法 格式 如 下 : 

do { 语句 序列 } 

while (条 件 表达 式 ) 

执行 顺序 : 

(1) 执行 循环 体内 语句 序列 。 

(2) 计算 条 件 表达 式 ， 若 值 为 tue， 则 返回 〈1); 和 否则 执行 后 续 语句 。 

注意 : 与 while 语句 不 同 ，do…while 循环 体内 语句 序列 会 在 计算 条 件 表达 式 之 前 执行 
一 次 。 

3.for 语句 

for 语句 适用 于 循环 次 数 已 知 的 循环 , 循环 体内 语句 序列 可 能 执行 0 次 或 多 次 。 语 法 格式 
如 下 : 

for (循环 变量 初始 化 ; 条 件 表达 式 ; 循环 控制 表达 式 ) { 语句 序列 } 


执行 顺序 : 
(1) 初始 化 循环 变量 ， 并 赋 初 值 。 
(2) 计算 条 件 表达 式 ， 若 值 为 tue， 则 执行 循环 体内 语 名 序列， 否则 跳出 循环 。 


[se] 
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(3) 根据 循环 控制 表达 式 改 变 循环 变量 的 值 ， 返 回 (2)。 
注意 : 当 使 用 for (; ;) 形 式 时 表示 死 循 环 ， 需 要 使 用 break 语句 跳出 。 





实例 3-4 运用 for 语句 
本 实例 利用 for 语句 在 页 面 上 输出 三 角形 。 


源 程序 : Foraspx 部 分 代码 


实例 3-4 








<%@ Page Language="C#" AutoEventWireup="true" CodeFile="For.aspx.cs" 
Inherits="Chap3 For" %> 


… (上 略 》 


源 程序 ， Foraspx.cs 
using System; 
public partial class Chap3 For : System.Web.UI.Page 


t 
protected void Page Load(object sender, EventArgs e) 


{ 
for int i 1 < Sri44) // 控制 行 数 
{ 
for (int k = 1;k <= 20-2*i;k++) // 控 制 输出 每 行 前 的 空格 数 
{ 
Response.Write ("gnbsp;"); 
} 
for (int j = 1;j <= 2*i-1;j++) // 控 制 输出 每 行 的 * 数 
{ 
Response.Write("*"); 
} 
Response.Write ("<br/>"); // 换 行 
} 
} 
} 
操作 步骤 ; 


在 Chap3 文件 夹 中 建立 Foraspx 和 Foraspx.cs， 浏 览 Foraspx 呈现 如 图 3-5 所 示 的 界面 。 


T 





= Xx 








| 全 运 用 for 语 名 


六 六 站 六 亲 
束 可 可 可 床 束 可 


图 3-5 Foraspx 浏览 效果 


4.foreach 语句 
foreach 语句 常用 于 枚 举 数组 、 集 合 中 的 每 个 元 素 ， 并 针对 每 个 元 素 执行 循环 体内 语句 序 
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列 。foreach 语句 不 能 改变 集合 中 各 元 素 的 值 。 语 法 格式 如 下 : 
foreach (数据 类 型 循环 变量 in 集合 ) { 语句 序列 } 





实例 3-5 运用 foreach 语句 
本 实例 先 给 一 个 stNames 数组 赋值 ， 再 逐个 输出 数组 元 素 。 


实例 3-5 


源 程序 ，Foreach.aspx 部 分 代码 
<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="Foreach.aspx.cs" 
Inherits="Chap3 Foreach" %> 


0 (上 略 ) 





源 程序 :Foreach.aspx.cs 
using System; 
public partial class Chap3 Foreach : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
string[] strNames = {“" 张 犯 "，" 周 振 "，" 王 涛 "”};  ”// 数 组 赋值 
Array.Sort (strNames); // 升 序 排列 数组 


foreach (string n in strNames) // 逐 个 输出 数组 元 素 
{ 


Response.Write ("姓名 : " + n + "<br/>"); 
} 


} 


操作 步骤 ; 
在 Chap3 文件 夹 中 建立 Foreach.aspx 和 Foreach.aspx.cs。 浏 览 Foreach.aspx 呈现 如 图 3-6 
所 示 的 界面 。 


[me 


| Sorcochiae 


昌 





图 3-6 ”Foreach aspx 浏览 效果 


3.7.3 异常 处 理 


异常 的 产生 常 由 于 触发 了 某 个 异常 的 条 件 ， 使 得 操作 无 法 正常 进行 ， 如 算术 运算 中 的 除 
零 操 作 、 内 存 不 足 、 数 组 索引 越界 等 。 异 常 处 理 能 使 程序 更 加 健壮 ， 容 易 让 程序 员 对 捕获 的 
错误 进行 处 理 。 异 常 处 理 常 使 用 两 种 形式 ，throw 语句 和 try…catch…finally 结构 。 

1.throw 语句 


throw 语句 用 于 抛 出 异常 错误 信息 。 它 可 以 在 try…catch…finally 结构 的 catch 块 中 使 用 ， 
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也 可 以 在 其 他 的 结构 中 使 用 ， 如 语句 。 


实例 3-6 运用 throw 语句 





fo 
Es 


本 实例 实现 当 除 零 操作 时 ， 抛 出 “除数 不 能 为 零 !” 的 错误 信息 。 实例 3-6 


源 程序 : Throw.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Throw.aspx. 
Inherits="Chap3 Throw" 委 > 


… (上 略 》 


源 程序 ，Throw.aspx.cs 
using System; 
public partial class Chap3 Throw : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 


{ 


int i = 10; 
int j = 0; 
int k; 

4 (= 人) 


{ 
throw new Exception ("除数 不 能 为 零 ! "); 
} 
else 
{ 
k = i/j; 
Response .Write (k) 


} 


. 








pe 


操作 步骤 : 
在 Chap3 文件 夹 中 建立 Throw.aspx 和 Throw.aspx.cs。 浏 览 Throw.aspx 呈现 如 图 3-7 所 
示 的 界面 。 
磅 痢 不 散 为 沐 ! 
图 3-7 Throw.aspx 浏览 效果 
程序 说 明 : 


本 实例 主要 为 了 说 明 throw 语句 的 应 用 。 在 实际 工程 中 ,7 变量 直接 赋值 为 0 再 过 
是 否 为 0 毫 无 意义 。 





FE 行 判断 


/RN | 
)) 
第 3 章 ”C# 和 ASP.NET 的 结合 【as 





2. try…catch…finally 结构 

在 try…catch…finally 结构 中 ， 异 常 捕获 由 try 块 完成 ， 处 理 异常 的 代码 放 在 catch 块 中 ， 
而 在 finally 块 中 的 代码 不 论 是 否 有 异常 发 生 总 会 被 执行 。 其 中 , catch 块 可 包含 多 个 , 而 finally 
块 是 可 选 的 。 在 实际 应 用 中 ，finally 块 常 完成 一 些 善后 工作 ， 如 网 盘 文 件 读 写 操作 中 的 文件 
关闭 等 。 语 法 格式 如 下 : 

try { 可 能 出 错 的 语句 序列 } 

catch (异常 声明 1) { 捕获 异常 后 执行 的 语句 序列 1 } 

catch (异常 声明 2) { 捕获 异常 后 执行 的 语句 序列 2 } 





finally { 总 是 执行 的 语句 块 } 


执行 顺序 : 

(1) 执行 try 块 ， 若 出 错 则 转 〈2)， 和 否则 转 (3)。 
(2) 将 捕获 的 异常 信息 逐个 查找 catch 块 中 的 异常 声明 ， 若 匹配 则 执行 内 峰 语 名 序列 。 
(3) 执行 finally 块 。 





实例 3-7 运用 try…catch…finally 结构 
本 实例 的 ExceptionNo.aspx.cs 未 包含 ty…catch…finally 结构 ， 浏 览 ”加 
ExceptionNo.aspx 时 因为 将 读 取 的 文件 块 存放 到 buffer 数组 时 超出 了 数组 界 实例 3-7 
限 而 给 出 系统 报错 信息 ， 如 图 3-8 所 示 。Exception.aspx.cs 中 包含 了 try… 
catch…finally 结构 ， 当 try 块 执行 出 错时 将 执行 catch 块 ， 因 此 ， 浏 览 Exception.aspx 时 显示 
系统 错误 信息 和 开发 人 员 定 义 的 错误 信息 ， 如 图 3-9 所 示 。 





bc | 


所 > -0 ， EE | © osw ot men 
wn i 局 Bk 比 : 口 统 # 偏 移 量 和 长 度 超出 数组 的 界限 ， 或 者 计数 大 
外 /应 用 程序 中 的 服务 器 错误 索引 到 源 集合 结尾 处 的 元 素数 量 。 

定义 : 读 取 文件 错误 ! 








偏 本 鳃 彻 长 度 各 出 阁 组 到 名 谭 ， 或 育 计 益 太 于 
俯 筑 下 到 涉 寄 台 颖 居 焰 诬 元 英 阐 讲 。 he 


图 3-8 ”ExceptionNo.aspx 浏览 效果 图 3-9 ”Exception.aspx 浏览 效果 


源 程序 : ExceptionNo.aspx 部 分 代码 
<sQ@ Page Language="C#" RutoEventWireup="true" CodeFile="ExceptionNo.aspx.cs" 


Inherits="Chap3 ExceptionNo" %> 


0 ( 略 》 


源 程序 : ExceptionNo.aspx.cs 





using System 
using System.IO7 
public partial class Chap3 ExceptionNo : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
// 定 义 要 读 取 文件 的 物理 路 径 
string filePath = @"D:\ASPNET\Book\ChapSsite\Chap3\Test .txt"; 
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// 定 义 streamReader 对 象 

StreamReader streamReader = new StreamReader (filePath); 
char[] buffer new char[5]; 

// 从 文件 中 读 取 内 容 到 buffer 数组 

streamReader.ReadBlock (buffer, 0, 10); 

// 关 闭 streamReader 对 象 ， 释 放 占 用 的 资源 

streamReader .Close (); 


源 程序 ， Exception.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Exception.aspx.cs" 


Inherits="Chap3 Exception" 和 > 


… ( 略 ) 





源 程序 : Exception.aspx.cs 
using System 
using System.IO7 
public partial class Chap3 Exception : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
string filePath = @"D:\ASPNET\Book\ChapSite\Chap3\Test.txt"; 
StreamReader streamReader = new StreamReader (filePath); 
char[] buffer = new char[5]; 
try 
{ 
streamReader .ReadBlock (buffer, 0, 10); 
} 
catch (Exception ee) 
{ 
Response .Write ("系统 提示 : " + ee.Message + "<br/>");// 输 出 捕获 的 错误 信息 
Response.Write ("用 户 自 定义 : "+" 读 取 文件 错误 ! ") ; // 输 出 用 户 自 定义 的 错误 信息 
’ 
finally 
{ 


streamReader.Close (); 


3.8” 自 定义 ASP.NET 类 





ASPNET 是 完全 面向 对 象 的 ， 任 何 对 象 都 由 类 生成 ， 而 自 定义 类 能 进一步 扩展 功能 。 
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3.8.1 类 的 常识 


-NET 的 底层 全 部 是 用 类 实现 的 , 不 管 是 界面 上 的 按钮 , 还 是 前 面 介绍 的 数据 类 型 。 在 考 
虑 实现 ASPNET 网 站 功能 时 要 尽量 从 类 的 角度 去 实现 。 那么 , 什么 是 类 呢 ? 简单 地 说 ,类 就 
是 一 种 模板 ， 通 过 类 的 实际 例子 (实例 ) 就 能 使 用 模板 中 定义 的 属性 、 方 法 等 。 类 具有 封装 
性 、 继 承 性 和 多 态 性 的 特点 。 封 装 性 指 的 是 将 具体 实现 方法 封闭 起 来 ， 只 向 用 户 暴露 属性 、 
方法 等 。 也 就 是 说 ， 用 户 不 需要 知道 类 内 部 到 底 如 何 实 现 的 ， 只 要 会 调用 属性 和 方法 就 可 以 
了 。 继 承 性 指 的 是 一 个 类 可 以 继承 另 一 个 类 的 特征 属性、 方法、 事件 等 )。 多 态 性 指 的 是 具 
有 继承 关系 的 不 同类 拥有 相同 的 方法 名 称 ， 当 调用 这 些 类 的 相同 方法 时 ， 执 行 的 动作 却 不 一 
样 。 与 多 态 性 概念 容易 混淆 的 是 重 载 方法 ， 它 常用 于 在 同一 个 类 中 定义 多 个 方法 名 相同 但 参 
数 不 同 的 方法 。 

与 ASPNET 页 面 对 应 的 类 包含 在 .aspx.cs 文件 中 。 而 对 自 定义 的 类 应 该 放 在 App_Code 
文件 夹 中 , VSC 2017 会 自动 编译 该 文件 夹 中 包含 的 类 , 并 且 在 使 用 这 些 类 时 能 得 到 智能 感知 
的 支持 。 

创建 类 的 语法 格式 如 下 : 

修饰 符 class 类 名 {…} 


类 创建 完 后 ， 使 用 new 关键 字 可 建立 类 的 实例 对 象 。 类 的 常用 修饰 符 主要 有 访问 修饰 符 
abstract、static、partial、sealed: 


。 abstract 修饰 符 表示 该 类 只 能 是 其 他 类 的 基 类 ， 又 称 为 抽象 类 ， 对 这 种 类 中 的 成 员 必 








。 static 修饰 符 表示 该 类 为 静态 类 ， 这 种 类 在 使 用 时 不 能 使 用 new 创建 类 的 实例 ， 但 能 
够 直接 访问 数据 和 方法 。 


。 partial 修饰 符 在 ASPNET 网 站 开发 中 使 用 相当 频繁 ， 在 每 个 .aspx 文件 对 应 的 .aspx.cs 
文件 中 定义 的 类 都 包含 了 该 修饰 符 。 使 用 partial 可 以 将 类 的 定义 拆 分 到 两 个 或 多 个 源 
文件 中 。 每 个 源 文件 包含 定义 的 一 部 分 ， 当 编译 Web 应 用 程序 时 ，.NET Framework 
会 将 所 有 的 部 分 类 组 合 起 来 形成 一 个 类 。 
。 sealed 修饰 符 表示 该 类 为 密封 类 ， 意 味 着 该 类 不 能 被 继承 。 
下 面 将 结合 一 个 简单 的 银行 账户 类 Account 说 明 创建 一 个 类 时 通常 涉及 的 属性 、 构 造 函 
数 、 方 法 、 事 件 和 继承 等 。 
3.8.2 属性 

通过 属性 可 以 获取 或 改变 类 中 私有 字段 的 内 容 ， 这 种 方式 充分 地 体现 了 封装 性 ， 即 不 直 
接 操 作 类 的 数据 内 容 ， 而 是 通过 访问 器 进行 访问 。 访 问 器 有 get 访问 器 和 set 
访问 器 ， 分 别 用 于 获取 和 设置 属性 值 。 当 仅 包 含 get 访问 器 时 ， 表 示 该 属性 


是 只 读 的 。 





各 
实例 3-8 ”定义 Account 类 的 属性 实例 3-8 
本 实例 定义 Account 类 的 三 个 属性 : 账户 编号 (ID)、 账 户 所 有 者 姓名 (Name)、 账 户 金 
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额 (Balance )。 


源 程序 : Account.cs 属性 代码 





public class Account 
{ 
private string _ID; // 定 义 _ID 私有 字段 ， 对 应 ID 属性 。 注 意 下 画 线 前 有 一 个 空格 
Private string Name; // 定 义 _Name 私有 字段 ， 对 应 Name 属性 
private decimal Balance; // 定 义 Balance 私有 字段 ， 对 应 Balance 属性 
public string ID 
{ 
get { return ID; } 
set { _ID = value; } 
} 


public string Name 


get { return Name; } 


set { Name = value; } 
public decimal Balance 


get { return Balance; } 
set { Balance = value; } 





} 


操作 步 又 : 
右 击 App_Code 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 
在 呈现 的 对 话 框 中 选择 “类 ”模板 ， 输 入 文件 名 Accountcs， 单 击 “ 添 加 ”按钮 建立 文件 。 
再 输入 源 程序 内 容 。 
3.8.3 ”构造 函数 
当 使 用 new 关键 字 实 例 化 一 个 对 象 时 ， 将 调用 对 象 的 构造 函数 ， 所 以 说 ， 在 使 用 一 个 类 
时 ， 最 先 执行 的 语句 就 是 构造 函数 中 的 语句 。 每 个 类 都 有 构造 函数 ， 如 果 没 ”器 
有 定义 构造 函数 ， 编 译 器 会 自动 提供 一 个 默认 的 构造 函数 。 
注意 : 构造 函数 名 与 类 名 相同 且 总 是 public 类 型 。 








实例 3-9 定义 Account 类 的 构造 函数 实例 3-9 
本 实例 在 银行 账户 类 Account 中 构建 一 个 对 应 的 构造 函数 。 


源 程序 : Accountcs 构造 函数 代码 


public Account (string id, string name, decimal balance) 





LD La // 将 id 参数 值 传 递 给 _ID 私有 字段 
_Name = name; // 将 name 参数 值 传递 给 _ Name 私有 字段 


[es 
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_Balance = balance; // 将 balance 参数 值 传递 给 _Balance 私有 字段 
操作 步骤 : 
在 Account.cs 文件 中 输入 源 程序 内 容 。 
程序 说 明 : 


从 源 程 序 中 可 看 出 ， 构 造 函 数 常用 于 实例 化 类 时 将 参数 值 带 入 对 象 中 的 情形 ， 如 建立 对 
象 时 使 用 : 

Account account = new Account ("03401", " 李 明 "， 140); 

这 表示 将 "03401"、" 李 明 "、140 等 参数 值 分 别传 递 给 对 象 中 的 ID、_Name、_Balance 等 
私有 字段 。 
3.8.4 方法 

方法 反映 了 对 象 的 行为 。 方 法 的 常用 修饰 符 有 访问 修饰 符 void 等 。 其 中 ，void 修饰 符 指 
定 的 方法 不 返回 值 。 

实例 3-10 ”定义 Account 类 的 存款 和 取款 方法 

存款 方法 先 检查 存款 的 金额 是 否 大 于 0， 若 大 于 0 则 将 原 账 户 金额 与 存 

款 金 额 相 加 保存 为 新 的 账户 金额 ， 否 则 抛 出 异常 信息 。 取 款 方法 先 检查 取款 





回 
实例 3-10 


金额 是 否 小 于 原 账户 金额 ， 若 是 则 将 原 账户 金额 减 去 取款 金额 ， 再 保存 为 新 的 账户 金额 ， 否 
则 抛 出 异常 。 


源 程序 ，Account.cs 方法 代码 

/// <summary> 
/// 存款 方法 
/// </summary> 
/// <param name="amount"> 存 款 金额 </param> 
public void Deposit (decimal amount) 
{ 

if (amount > 0) 

{ 

_Balance += amount; 

} 

else 

{ 

throw new Exception ("存款 金额 不 能 小 于 或 等 于 0! ") ; 

} 
/// <summary> 
/// 取款 方法 
/// </summary> 
/// <param name="amount"> 取 款 金额 </param> 
public void Acquire (decimal amount) 
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if (amount < Balance) 


{ 


_Balance -= amount; 


} 


else 


{ 
throw new Exception ("账户 金额 不 足 ! "); 
} 


操作 步骤 : 
在 Account.cs 文件 中 输入 源 程序 内 容 。 


实例 3-11 结合 Account 类 和 ASPNET 页 面 





实例 3-11 


源 程序 ，AccountPage.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="AccountPage.aspx.cs" 


Inherits="Chap3_ AccountPage" $%> 
… (上 略 ) 


源 程 序 ，AccountPage.aspx.cs 


using System; 
public partial class Chap3 AccountPage : System.Web.UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 


{ 
Account account = new Account ("03401"，" 李 明 "，200); // 建 立 account 对 象 


// 输 出 初始 金额 信息 
Response.Write ("初始 金额 为 : " + account.Balance.ToString() + "<br/>"); 
account .Deposit(100); // 存 款 100 
// 输 出 存款 100 后 账户 金额 信息 
Response.Write ("存款 100 后 ，" + account.Name + "的 账户 金额 为 : " 
+ account.Balance.ToString() + "<br />"); 
account.Acquire(150); // 取 款 150 


// 输 出 取款 150 后 账户 金额 信息 
Response.Write ("取款 150 后 ，" + account.Name + "的 账户 金额 为 : " 





+ account.Balance.ToString ()); 


} 

操作 步骤 : 

在 Chap3 文件 夹 中 建立 AccountPage.aspx 和 AccountPage.aspx.cs。 浏 览 AccountPage.aspx 
呈现 如 图 3-10 所 示 的 界面 。 
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‖ 初始 金额 为 : 200 
存款 100 后 ， 李 明 的 账户 金额 为 : 300 
取款 150 后 ， 李 明 的 账户 金额 为 : 150 





图 3-10 ”AccountPage.aspx 浏览 效果 


程序 说 明 : 

。 new Account("03401", " 李 明 ", 200) 调 用 AccountO 构 造 函 数 创建 实例 对 象 。 

。 account.Balance.ToString() 获 取 account 对 象 的 Balance 属性 值 ， 并 转化 为 string 类 型 
。 account.Deposit(100) 表 示 调 用 account 对 象 的 Deposit0 方 法 。 


3.8.5 事件 


事件 是 一 种 用 于 类 和 类 之 间 传 递 消 息 或 触发 新 的 行为 的 编程 方式 。 通 过 提供 事件 的 名 
柄 ， 能 够 把 控件 和 可 执行 代码 联系 在 一 起 ， 如 用 户 单 击 Button 控件 触发 Click 事件 后 就 执行 
相应 的 事件 处 理 代码 。 

事件 的 声明 通过 委托 来 实现 。 先 定义 委托 ， 再 用 委托 定义 事件 ， 触 发 事件 的 过 程 实质 是 
调用 委托 。 事 件 声明 语法 格式 如 下 : 

public delegate void EventHandler (object sender, EventArgs e); // 定 义 委托 

public event EventHandler MyEvent; // 定 义 事件 


EventHandler 委托 定义 了 两 个 参数 ， 分 别 属于 object 类 型 和 EventArgs 类 型 。 如 果 需 要 
更 多 参数 ， 可 以 通过 派生 EventArgs 类 实现 。sender 表示 触发 事件 的 对 象 ，e 用 于 在 事件 中 传 
递 参 数 。 例 如 ， 若 用 户 单 击 Button 按钮 ， 则 sender 表示 Button 按钮 ，e 表示 Click 事件 参数 。 

MyEvent 事 件 使 用 EventHandler 委 托 定义 , 其 中 使 用 了 public 修饰 符 , 也 可 以 使 用 private、 
protected 等 修饰 符 。 


实例 3-12 在 AccountEvent 类 中 增加 账户 金额 不 足 事件 并 运用 事件 

为 避免 与 Account 类 冲突 ， 本 实例 在 Account 类 基础 上 新 建 一 个 re 

AccountEvent 类 , 定义 的 账户 金额 不 足 事件 Overdraw 将 在 取款 时 账户 金额 不 实例 3-12 
足 的 情况 下 被 触发 。 





源 程序 ，AccountEvent.cs 中 Overdraw 事件 代码 
public event EventHandler Overdraw; // 定 义 Overdraw 事件 





public void OnOverdraw (object sender, EventArgs e) 
{ 
if (Overdraw != null) 
{ 
Overdraw (this, e); 
} 
} 
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注意 :定义 的 事件 名 前 无 On, 而 对 应 的 方法 名 前 加 On, 如 OnOverdraw 方 法 对 应 Overdraw 
事件 。 

定义 完事 件 后 ， 还 需要 在 其 他 方法 中 设置 事件 的 触发 点 。 下 面 在 Account 类 的 基础 上 修 
改 Acquire0 方 法 ， 在 其 中 加 入 触发 事件 的 代码 。 


源 程序 ，AccountEvent.cs 中 Acquire() 方 法 代码 





public void Acquire (decimal amount) 
{ 
if (amount < Balance) 
人 
_Balance -= amount; 
} 
else 
{ 
OnOverdraw (this, EventArgs.Empty); 


return; 


’. 


至 此 ， 已 经 声明 了 事件 并 增加 了 事件 触发 点 。 但 若 要 在 ASPNET 页 面 上 使 用 事件 , 还 需 
要 使 用 运算 符 “+= ”注册 事 件 ， 并 要 编写 事件 处 理 代 码 。 下 面 说 明 如 何 运 用 Overdraw 事件 。 


源 程序 : AccountEventPage.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" 


CodeFile="AccountEventPage.aspx.cs" Inherits="Chap3 AccountEventPage"%®> 


… (上 略 ) 


源 程序 : AccountEventPage.aspx.cs 
using System; 
public partial class Chap3 AccountEventPage : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
AccountEvent accountEvent = new AccountEvent ("03401", " 李 明 "， 200); 
// 注 册 overdraw 事件 
accountEvent .Overdraw += new EventHandler (account Overdraw); 
accountEvent .Acquire (400); // 取 款 400 
} 
//overdraw 事件 处 理 代 码 
private void account Overdraw (object sender, EventArgs e) 
{ 
Response.Write ("账户 金额 不 足 了 ! ") 


人 | 
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操作 步骤 : 

在 Chap3 文件 夹 中 建立 AccountEventPage.aspx 和 AccountEventPage.aspx.cs ， 在 
AccountEventPage.aspx.cs 中 输入 阴影 部 分 代码 。 浏 览 AccountEventPage.aspx 呈现 如 图 3-11 
所 示 的 界面 。 


Cpa wl 


4 » Elm 9 Er 


‖ 账户 金额 不 足 了 ! | 


图 3-11 AccountEventPage.aspx 浏览 效果 





程序 说 明 : 
当 程 序 执行 “account.Acquire(400);” 时 将 触发 Overdraw 事件 , 再 执行 account_Overdraw() 
方法 ， 输 出 信息 “账户 金额 不 足 了 !”。 


3.8.6 ”继承 


继承 可 以 重用 现 有 类 的 数据 和 行为 ， 并 扩展 新 的 功能 。 继 承 以 基 类 为 基础 ， 通 过 向 基 类 
添加 成 员 创建 派生 类 。 通 常 基 类 又 称 为 超 类 或 父 类 ， 派 生 类 又 称 为 子 类 。 

例如 ， 在 Account 类 中 ， 如 果 针 对 企业 账户 需要 增加 Type 属性 ， 那 么 利用 类 的 继承 性 ， 
只 要 添加 一 个 新 的 属性 就 可 以 了 。 


实例 3-13 ”实现 继承 类 
本 实例 建立 的 EnterpriseAccount 类 在 继承 Account 类 的 基础 上 增加 了 I 
Type 属性 。 实例 3-13 








源 程 序 ，EnterpriseAccount.cs 
public class EnterpriseAccount : Account 
{ 
private string _Type; // 定 义 _ Type 私有 字段 ， 对 应 Type 属性 
public string Type 
{ 
get { return Type; } 
set { _Type = value; } 
} 
} 


3.9 ASPNET 页 面 调试 


在 实际 项 目 开 发 过 程 中 ，ASPNET 页 面 调试 非常 重要 ， 可 以 说 ， 不 会 调试 的 人 永远 不 会 
编程 。 通 过 程序 调试 ， 可 以 检查 代码 并 验证 它们 是 否 能 够 正常 地 运行 ， 从 而 发 现 VSC 2017 
编译 页 面 过 程 中 不 能 捕获 的 错误 。 对 于 正确 执行 的 程序 ， 使 用 调试 功能 还 能 真正 地 理解 程序 
的 运行 过 程 。 

要 对 ASPNET 网 站 启用 调试 ， 必 须 将 Web 应 用 程序 配置 成 调试 模式 ， 这 需要 配置 
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Web.config 文件 中 <system.web> 元 素 的 子 元 素 <compilation>， 示 例 代 码 如 下 : 


<compilation debug="true" targetFramework="4.6.1"/> 





断 点 设置 是 ASPNET 页 面 调试 中 最 常用 的 操作 。 使 用 断 点 , 可 以 通知 调试 器 在 某 个 特定 
点 上 暂时 挂 起 程序 的 执行 。 此 时 ， 程 序 的 运行 处 于 中 断 模式 。 这 种 模式 并 不 是 终止 或 结束 程 
序 的 执行 ， 而 是 在 任何 时 候 都 能 根据 调试 情况 确定 是 否 需要 继续 执行 。 在 中 断 模式 下 ， 可 以 
检查 变量 的 状态 ， 还 可 以 更 改变 量 值 以 便 人 为 地 控制 程序 的 执行 过 程 。 有 具体 操作 时 ， 右 击 需 
要 设置 断 点 的 语句 ， 在 弹出 的 快捷 菜单 中 选择 “ 断 点 ”一 “插入 断 点 ”命令 ， 即 可 在 该 语 和 外 
处 设置 断 点 。 

设置 断 点 后 ， 按 F5 键 可 启动 调试 过 程 。 在 调试 过 程 中 ， 使 用 较 多 的 窗口 包括 “局 部 变 
量 ”“ 监 视 ““ 即 时 窗口 ” 如 图 3-12 所 示 。“ 局 部 变量 ”窗口 用 于 显示 当前 变量 。“ 监 视 ” 窗 
口 用 于 监视 变量 或 表达 式 的 值 ， 也 可 以 用 于 更 改变 量 的 值 。 即 时 窗口 ”用 于 计算 表达 式 、 输 
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for (int j = 1; j 人 2 + i - 1; j++) // 控 制 输出 每 行 的 机 
人 


Response. Write("*") 


Response. Write(“<br /3》"); // 换 行 


类 型 
，@@ this {ASpchap3foraspx} Chap3_ForfASPchap3 for_ aspyj 
b @ sender {ASpchap3_for_aspxj object {ASP.chap3_for_aspx} 
roe {System EventArgs} System.EventArgs 
oi 


添加 到 源 代码 管理 < 





图 3-12 程序 调试 界面 





调试 过 程 中 常用 的 快捷 键 包括 FI0、F11 键 。 其 中 ，F10 键 用 于 逐 过 程 地 执行 程序 ， 而 
F11 键 用 于 逐 语句 地 执行 程序 。 另 外 ， 组 合 键 Shift+Fs 用 于 结束 程序 的 调试 过 程 。 














3.10 小 结 





本 章 主 要 介绍 C# 基 础 知识 , 并 结合 ASPNET 页 面 说 明 C# 在 网 站 开发 中 的 运用 。C# 作 为 
Microsoft 公司 专门 为 NET 打造 的 编程 语言 ,非常 适合 ASPNET 页 面 的 开发 。 NET Framework 
命名 空间 提供 了 .NET 类 的 组 织 方式 。 良 好 的 编程 规范 是 开发 人 员 应 当 遵 守 的 规则 。 掌 握 C# 
基础 语法 是 ASPNET 页 面 开 发 的 基础 。 通 过 装 箱 和 拆 箱 能 较 深入 地 理解 C# 中 任何 东西 都 可 
作为 对 象 对待 的 实质 。 流 程控 制 提供 了 程序 的 运行 逻辑 。 异 常 处 理 能 使 程序 更 健壮 ， 在 编程 
过 程 中 需要 熟练 地 使 用 。 尽管 .NET 类 库 提供 了 强大 的 功能 支持 , 但 仍 有 一 些 功 能 需 进一步 扩 
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展 ， 此 时 就 需要 自 定义 类 。 页 面 调试 可 以 检查 代码 执行 过 程 中 的 正确 性 ， 还 能 真正 地 理解 代 
码 的 执行 过 程 ， 因 此 ， 在 平时 的 编程 实践 中 必须 加 强 页 面 调试 能 力 的 培养 。 


3.11 习 题 


1. 填空 题 

(1) C# 使 用 的 类 库 就 是 提供 的 类 库 。 

(2) 要 在 一 个 类 中 包含 System.Data 命名 空间 的 语句 是 __。 

(3) 使 用 修饰 符 能 调用 未 实例 化 的 类 中 的 方法 。 

(4) C# 中 的 数据 类 型 包括 和 § 

(5) 是 由 一 组 命名 常量 组 成 的 类 型 。 

(6) 在 C# 统 一 类 型 系统 中 ， 所 有 类 型 都 是 直接 或 间接 地 从 继承 。 
(7) 装 箱 实质 是 把 转化 为 和 

(8) 至 少 会 执行 一 次 循环 的 循环 语句 是 
(9) 较 适用 于 已 知 循环 次 数 的 循环 语句 是 ___。 

(10) 如 果 类 名 为 UserInfo， 那 么 它 的 构造 函数 名 为 5 

(11) 可 以 重用 现 有 类 的 数据 和 行为 ， 并 扩展 新 的 功能 。 

2. 是 非 题 

(1) decimal 类 型 必须 在 数据 末尾 添加 M 或 m, 否则 编译 器 以 double 类 型 处 理 。 
(2) 访问 结构 类 型 中 成 员 的 方式 通常 使 用 “结构 名 .成 员 名 ”形式 。 

(3) 枚 举 类 型 的 变量 可 能 同时 取 到 枚 举 中 两 个 元 素 的 值 。 

(4) 数组 可 以 由 一 组 数据 类 型 不 相同 的 元 素 组 成 。 

(5) foreach 语句 适用 于 枚 举 数组 中 的 元 素 。 

(6) 当 一 个 类 实例 化 时 ， 它 的 构造 函数 中 包含 的 代码 肯定 会 执行 。 























A NA A 
Ne Me ei ee i 


3， 选 择 题 
(1) 下 列 数据 类 型 属于 值 类 型 的 是 (。”)。 

A. struct B. class C. interface D. delegate 
(2) 下 列 数据 类 型 属于 引用 类 型 的 是 

A. bool B. char C. strng D. enum 
(3) 下 列 运算 符 中 ( ”) 具有 三 个 操作 数 。 

A = B. && .二 t 1 


(4) 下 面 有 关 数 据 类 型 的 描述 中 不 正确 的 是 (  )。 
A. 两 个 引用 类 型 变量 可 能 引用 同一 个 对 象 
也， bool 类 型 中 可 以 用 数字 1 表示 tme 
C. byte 类 型 的 取 值 范围 是 0 一 255 
D. 可 以 通过 转 义 符 方式 输入 字符 
(5) 下 面 对 protected 修饰 符 说 法 正确 的 是 法 
A. 只 能 在 派生 类 中 访问 B. 只 能 在 所 属 的 类 中 访问 
C. 能 在 当前 应 用 程序 中 访问 D. 能 在 所 属 的 类 或 派生 类 中 访问 
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(6) 以 下 有 关 属 性 的 说 法 错误 的 是 
A. 通过 属性 能 获取 类 中 private 字段 的 数据 
B.， 当 定义 属性 时 ， 若 仅 包 含 set 访问 器 ， 则 表示 该 属性 为 只 读 属性 
C. 属性 的 访问 形式 是 “对 象 名 .属性 名 ” 
D. 属性 体现 了 对 象 的 封装 性 
4. 简 答题 
(1) 请 说 明 修 饰 符 public、intemal、protected、protected internal、private 的 区 别 。 
(2) 值 类 型 和 引用 类 型 有 什么 区 别 。 
(3) 举例 说 明 装 箱 和 拆 箱 的 作用 。 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 调试 实例 3-4 源 程序 ， 要 求 在 “Response.Write("<br />");” 语 句 处 设置 断 点 ， 查 看 循 
环 变量 i、 Kk 和 j 的 值 ， 通 过 更 改 i 变 量 人 为 地 控制 循环 次 数 。 
(3) 设计 一 个 ASPNET 页 面 ， 其 中 包含 TextBox 和 Button 控件 各 一 个 。 当 在 TextBox 
中 输入 一 个 成 绩 ， 再 单 击 Button 控件 时 在 页 面 上 输出 相应 的 等 级 信息 。 
(4) 在 ASPNET 页 面 上 输出 九 九 乘法 表 。 
(5) 在 ASPNET 页 面 上 输出 如 下 形状 : 








(6) 设计 一 个 ASPNET 页 面 ， 其 中 包含 TextBox 和 Button 控件 各 一 个 。 当 在 TextBox 
中 输入 一 组 以 空格 间隔 的 一 组 数字 后 , 再 单 击 Button 控件 时 在 页 面 上 输出 该 组 数字 的 降序 排 
列 ( 要 求 分 别 使 用 数组 和 List<T> 泛 型 实现 )。 
(7) 设计 一 个 ASPNET 页 面 ， 其 中 包含 两 个 TextBox 和 一 个 Button 控件 。 当 在 TextBox 
中 各 输入 一 个 数值 , 再 单 击 Button 控 件 时 在 页 面 上 输出 两 者 相 除 的 数值 (要 求 包含 异常 处 理 )。 

(8) 设计 一 个 用 于 用 户 注 册页 面 的 用 户 信息 类 UserInfo， 它 包括 : 两 个 属性 ， 即 姓名 
CName)、 生 日 (Birthday); 一 个 方法 DecideAge0， 用 于 判断 用 户 是 否 达到 规定 年 龄 ， 对 大 
于 等 于 18 岁 的 在 页 面 上 输出 “您 是 成 人 了 !”, 对 小 于 18 岁 的 在 页 面 上 输出 “您 还 没 长 大 呢 !”。 

(9) 改写 第 〈8) 题 中 DecideAge0 方 法 ， 增 加 一 个 事件 ValidateBirthday， 当 输入 的 生日 
值 大 于 当前 日 期 或 小 于 1900-1-1 时 被 触发 。 

(10) 设计 ASPNET 页 面 并 应 用 自己 定义 的 UserInfo 类 。 














小 
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ASP.NET 标准 控件 


* 理解 ASPNET 页 面 事件 处 理 流程 。 
* 了 解 HTML 服务 器 控件 。 

* 熟悉 ASPNET 标准 控件 。 

* 熟练 运用 各 个 常用 标准 控件 。 


4.1 ASPNET 页 面 事件 处 理 概述 


4.1.1 ASPNET 页 面 事件 


只 有 熟悉 ASPNET 页 面 事件 处 理 流程 ， 才 能 理解 代码 的 执行 顺序 。 每 个 ASPNET 页 面 
在 运行 时 都 会 经 历 一 个 生命 周期 ， 并 在 生命 周期 中 执行 一 系列 处 理 步骤 。 这 些 步骤 包括 初始 
化 、 实 例 化 控件 ， 运 行事 件 处 理 代码 到 呈现 页 面 。 常 用 的 页 面 处 理事 件 如 表 4-1 所 示 。 
表 4-1 页 面 处 理 常用 事件 表 
事 件 作 用 
et 通过 IsPostBack 属性 确定 是 否 第 一 次 处 理 该 页 、 创 建 动 态 控件 、 动 态 设置 主题 属性 、 
读 取 配 置 文件 属性 等 
Page Init 初始 化 控件 属性 
Page.Load 读 取 和 更 新 控件 属性 
控件 事件 处 理 特 定 事件 ， 如 Button 控件 的 Click 事件 





在 表 4-1 中 ， 事 件 处 理 的 先后 顺序 是 Page.PreInit、Page.Init、Page.Load 和 控件 事件 。 平 
时 使 用 的 时 候 ， 控 件 事件 以 Click 和 Changed 事件 为 主 。Click 事件 被 触发 时 会 引起 页 面 往返 
处 理 ， 即 页 面 将 被 重新 执行 并 触发 Page.Load 等 事件 。Changed 事件 被 触发 时 ， 先 将 事件 的 
信息 暂时 保存 在 客户 端的 缓冲 区 中 ， 等 到 下 一 次 向 服务 器 传递 信息 时 ， 再 和 其 他 信息 一 起 发 
送 给 服务 器 。 若 要 让 控件 的 Changed 事件 立即 得 到 服务 器 的 响应 ， 就 需要 将 该 控件 的 
AutoPostBack 属性 值 设 为 True。 但 是 ， 这 种 设置 太 多 会 降低 系统 的 运行 效率 。 

注意 : 当 通 过 “属性 ”窗口 设置 值 为 逻辑 值 的 控件 属性 时 ， 值 默认 采用 Pascal 形式 。 实 
际 上 ， 在 .aspx 文件 中 的 逻辑 值 不 区 分 大 小 写 ， 但 在 .aspx.cs 文件 中 的 逻辑 值 必须 全 部 用 小 写 
字母 表示 。 


4.1.2 IsPostBack 属性 
当 控 件 的 事件 被 触发 时 ，Page.Load 事件 会 在 控件 事件 之 前 被 触发 。 如 果 想 在 执行 控件 


| 
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的 事件 处 理 代 码 时 不 执行 Page Load( 方 法 代码 ， 可 以 通过 判断 Page.IsPostBack 属性 值 实现 。 





IsPostBack 


注意 : 


属性 在 用 户 第 一 次 浏览 页 面 时 ， 会 返回 值 false， 和 否则 返回 值 tue。 
当 .aspx 文件 中 @ Page 指令 的 AutoEventWireup 属性 值 为 tue 时 ，ASPNET 能 自 


动 将 页 面 事件 绑 定 到 名 为 “Page 事件 名 ”的 方法 。 例 如 ，Page.Load 事件 会 自动 绑 定 到 
Page Load() 方 法 , 也 就 是 说 , 触发 Page.Load 事件 后 , 将 执行 Page Load() 方 法 中 包含 的 代码 。 
而 要 把 控件 事件 绑 定 到 对 应 的 方法 ， 需 要 设置 名 为 “On 事件 名 ”的 属性 。 例 如 ， 将 ID 属性 
值 为 bmSubmit 的 按钮 控件 的 Click 事件 绑 定 到 BtnSubmit Click(0) 方 法 ， 需 要 


设置 OnCli 


本 实例 在 页 面 第 一 次 载 入 时 显示 “页 面 第 一 次 加 载 !”。 当 单 击 按钮 时 显 


ck="BtnSubmit_Click". 


实例 4-1 运用 IsPostBack 属性 





示 “ 执 行 Click 事件 处 理 代码 !”。 


源 程序 ，IsPostBack.aspx 部 分 代码 


<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="IsPostBack.aspx.cs" 
Inherits="Chap4 _ IsPostBack" $%> 


… (上 略 


<form 


) 
id="forml" runat="server"> 


<div> 


<asp:Button ID="btnsubmit" runat="server" Text=" 提 交 


TFT 


OnClick="BtnSubmit Click" /> 


</div> 
</form> 
… ( 咯 ) 
源 程序 ，IsPostBack.aspx.cs 
using System; 
public partial class Chap4 IsPostBack : System.Web.UI.Page 


{ 


protected void Page Load(object sender, EventArgs e) 


if (!IsPostBack) 


} 
} 


Response .Write ("页 面 第 一 次 加 载 ! "); 


protected void BtnSsubmit Click(object sender, EventArgs e) 


和 


Response.Write ("执行 Click 事件 处 理 代码 ! ") ; 


} 


程序 说 明 : 


当 单 训 








按钮 时 引起 页 面 往返 ， 此 时 触发 Page.Load 事件 ， 执 行 Page Load0 方 法 代码 ,但 
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为 “!IsPostBack” 值 为 false， 所 以 不 执行 “Response.Write(" 页 面 第 一 次 加 载 ! ");”。 然 后 
执行 Click 事件 处 理 代码 ， 显 示 “ 执 行 Click 事件 处 理 代码 1”。 


4.2 ASPNET 服务 器 控件 概述 


ASPNET 提供 了 两 种 不 同类 型 的 服务 器 控件 : HTML 服务 器 控件 和 Web 服务 器 控件 。 
这 两 种 类 型 的 控件 大 不 相同 ， 那 么 哪 种 类 型 控件 比较 好 呢 ? 答案 取决 于 使 用 的 场合 和 要 取得 
的 结果 。 


4.2.1 HTML 服务 器 控件 简介 


包含 在 .html 文件 中 的 XHTML 元 素 ， 在 服务 器 端 通过 Web 窗 体 是 无 法 访问 的 。HTML 
服务 器 控件 实现 了 XHTML 元 素 到 服务 器 控件 的 转换 , 同时 每 个 HTML 服务 器 控件 都 有 相应 
的 XHTML 元 素 对 应 。 经 过 转换 后 ，Web 窗 体 就 可 访问 XHTML 元 素 (HTML 服务 器 控件 )， 
从 而 实现 在 服务 器 端 对 HTML 服务 器 控件 的 编程 。 

要 转换 XHTML 元 素 到 HIML 服务 器 控件 的 方法 是 在 “ 源 ” 视 图 中 找到 XHTML 元 素 ， 
加 上 属性 “runat="server"”。 例 如 ，XHTML 元 素 为 ; 


<input id="inputName" type="button" value="button"/> 
如 果 将 其 转化 成 HTML 服务 器 控件 ， 则 为 : 


<input id="inputName" type="button" value="button" runat="server"/> 


4.2.2 ”Web 服务 器 控件 简介 


利用 Web 服务 器 控件 创建 Web 窗 体 ， 可 以 描述 页 面 元 素 的 功能 、 外 观 、 操 作 方式 和 行 
为 等 ， 然 后 由 JS 确定 如 何 输出 该 页 面 。 对 于 不 同 的 浏览 器 ， 可 能 会 得 到 不 同 的 XHTML 输出 。 

Web 服务 器 控件 根据 功能 不 同 分 成 标准 控件 、 数 据 控件 、 验 证 控件 、 导 航 控件 、AJAX 
扩展 控件 、 动 态 数据 控件 和 用 户 自 定义 控件 等 。 

。 标准 控件 : 除 Web 窗 体 中 常用 的 按钮 、 文 本 框 、 下 拉 列 表 框 等 控件 外 ， 还 包括 一 些 

特殊 用 途 的 控件 ， 如 日 历 等 。 

。 数据 控件 : 用 于 连接 访问 数据 库 ， 显 示 数 据 库 数据 等 。 

。 验证 控件 : 用 于 验证 用 户 输入 的 信息 ， 如 输入 的 值 要 在 指定 的 范围 等 。 

。 导航 控件 : 用 于 网 站 的 导航 。 

。 AJAX 扩展 控件 : 用 于 只 更 新 页 面 的 局 部 信息 而 不 往返 整个 页 面 。 

。 动态 数据 控件 ， 用 于 创建 动态 数据 页 面 。 

。 用 户 自 定义 控件 ， 用 于 扩展 系统 功能 ， 如 保持 网 站 的 统一 风格 等 。 








4.3 ”常用 ASP.NET 标准 控件 


ASPNET 标准 控件 提供 了 构造 Web 窗 体 的 基本 功能 ， 这 些 控 件 具 有 一 些 常用 的 共有 属 
性 ， 如 表 4-2 所 示 。 
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表 4-2 Web 服务 器 控件 的 共有 属性 表 











属 性 名 说 了 明 说 ”上 明 

AccessKey 控件 的 键盘 快捷 键 控件 的 字体 属性 

BackColor 控件 的 背景 色 控件 的 高 度 

BorderColor 控件 的 边框 颜色 控件 的 编程 标识 符 

BoderStyle 控件 的 边框 样式 控件 上 显示 的 文本 

BoderWidth 控件 的 边框 宽度 ToolTip 当 鼠 标 悬 停 在 控件 上 时 显示 的 文本 
CssClass 控件 的 CSS 类 名 Visible 控件 是 否 在 页 面 上 显示 





Enabled 是 否 启用 Web 服务 器 控件 Width 控件 的 宽度 





4.3.1 Label 控件 


Label 控件 用 于 在 页 面 上 显示 文本 ， 通 过 Text 属性 指定 控件 显示 的 内 容 实现 在 服务 器 端 
动态 地 修改 显示 文本 的 作用 。 定 义 的 语法 格式 如 下 : 





<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


Label 控件 中 有 一 个 很 实用 的 属性 是 AssociatedControlID， 设 置 其 值 可 以 把 Label 控件 与 
窗 体 中 另 一 个 服务 器 控件 关联 起 来 。 
实例 4-2 通过 键盘 快捷 键 激活 特定 文本 杠 
如 图 4-1 所 示 ， 当 按 下 AlttN 组 合 键 时 ， 将 激活 用 户 名 右边 的 文本 框 ; es 
当 按 下 Alt+M 组 合 键 时 将 激活 密码 右边 的 文本 框 。 实例 42 


























用 。” 用户 名 CN) : ~ 
密码 (M) : v 


图 4-1 Labelaspx 浏览 效果 


源 程序 : Labelaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="Label.aspx.cs" 
Inherits="Chap4 Label" $%> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="lblName" runat="server" AccessKey="N" 
AssociatedControlID="txtName"” Text=" 用 户 名 (N): "></asp:Label> 
<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
<asp:Label ID="lblPassword" runat="server" AccessKey="M" 
AssociatedControlID="txtPassword"” Text=" 密 码 (M): "></asp:Label> 
<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> 
</div> 
</form> 


… ( 略 ) 





第 4 章 ASP.NET 标准 控件 & 


操作 步骤 : 

在 Chap4 文件 夹 中 建立 Labelaspx, 添加 两 个 Label 控件 和 两 个 TextBox 控件 并 完成 页 面 
布局 。 参 考 源 程序 分 别 设置 各 控件 属性 。 最 后 ， 浏 览 Label.aspx 进行 测试 。 

注意 : 页 面 布 局 常 采 用 CSS 布局 、Table 布局 、“ 格 式 ”菜单 下 的 “位 置 ” 命 令 等 方式 。 
CSS 布局 通过 选择 器 设置 样式 实现 。Table 布局 先 选择 “ 表 ” 一 “插入 表 ” 命 令 建立 一 个 表 ， 
然后 在 相应 的 单元 格 中 添加 控件 等 内 容 。 采 用 “格式 ”菜单 下 的 “位 置 ”命令 这 种 方式 主要 
针对 单个 控件 调整 其 位 置 ， 可 选择 “绝对 ”或 “相对 ”定位 样式 ， 然 后 在 “设计 ”视图 调整 
控件 位 置 ， 此 时 ，VSC 2017 会 自动 生成 用 于 确定 控件 位 置 的 样式 代码 。 在 实例 4-2 中 ， 源 程 
序 未 包含 实现 页 面 布 局 的 代码 ， 但 图 4-1 是 采用 Table 布局 后 的 浏览 效果 图 。 


4.3.2 ”TextBox 控件 
TextBox 控件 用 于 显示 数据 或 输入 数据 。 定 义 的 语法 格式 如 下 : 





<asp:TextBox ID="TextBox1"” runat="server"></asp:TextBox> 
实用 的 属性 、 方 法 和 事件 如 表 4-3 所 示 。 


表 4-3 TextBox 控件 常用 属性 、 方 法 和 事件 表 
属性 、 方 法 和 事件 说 明 
AutoCompleteType 属性 | 标注 能 自动 完成 的 类 型 ， 如 值 Email 表示 能 自动 完成 邮件 列表 
值 true 表示 当 文 本 框 内 容 改 变 且 把 焦点 移出 文本 框 时 触发 TextChanged 事件 ， 


AutoPostBack 属性 引起 页 面 往返 处 理 
设置 文本 框 类 型 。 例 如 ， 值 Password 表示 密码 框 ， 将 显示 特殊 字符 ， 如 *; 值 
TextMode 属性 MultiLine 表示 多 行文 本 框 
Focus0 方 法 设置 文本 框 焦点 
TextChanged 事件 当 改变 文本 框 中 内 容 且 焦点 离开 文本 框 后 被 触发 


实例 4-3 综合 运用 TextBox 控件 
如 图 4-2 所 示 ， 当 页 面 载 入 时 ， 焦 点 自动 定位 在 用 户 名 右边 的 文本 框 中 ; 
当 输 入 用 户 名 并 把 焦点 移出 文本 框 时 ， 将 触发 TextChanged 事件 ， 判 断 用 户 
名 是 否 可 用 ， 若 可 用 则 在 Label 控件 lblValidate 中 显示 Y， 否 则 显示 “用 户 
名 已 占用 !”， 密码 右边 的 文本 框 显示 为 密码 框 ， 邮 箱 右边 的 文本 框 具有 自动 
完成 功能 。 
































ssgwcyxxd@126.com 


图 4-2 ”TextBox.aspx 浏览 效果 


源 程序 : TextBox.aspx 部 分 代码 
<sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="TextBox.aspx.cs" 
Inherits="Chap4 TextBox" $> 
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… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server" AutoPostBack="True" 
OnTextChanged="TxtName TextChanged" Width="150px"> 
</asp:TextBox> 
<asp:Label ID="lblValidate" runat="server"></asp:Label><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" 
Style="position: relative; left: 16px" Width="150px"> 
</asp:TextBox><br /> 
邮箱 : <asp:TextBox ID="txtMail" runat="server" AutoCompleteType="Email" 
Style="position: relative; left: 16px" Width="150px"> 
</asp:TextBox><br /> 
<asp:Button ID="btnsubmit" runat="server" Text=" 确 认 " /> 
</div> 
</form> 


… (上 略 ) 


源 程序 : TextBox.aspx.cs 
using System; 
public partial class Chap4 TextBox : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
七 xtName .Focus () 7 
} 
protected void TxtName TextChanged (object sender, EventArgs e) 
if (txtName.Text == "leaf") 
虽 
lblValidate.Text 
有 
else 


省 
lblValidate.Text 


Dal. 


Wy; 


} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 TextBox.aspx， 添 加 一 个 Label 控件 、 三 个 TextBox 控件 、 
一 个 Button 控件 ， 参 考 源 程序 分 别 设置 各 控件 属性 。 

(2) 在 TextBox.aspx 的 “设计 ”视图 中 双击 控件 txtName，VSC 2017 自动 打开 
TextBox.aspx.cs， 在 其 中 输入 阴影 部 分 内 容 。 


[Fy 
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(3) 浏览 TextBox.aspx 呈现 如 图 4-2 所 示 的 界面 ， 输 入 信息 进行 测试 。 

程序 说 明 : 

TextBox.aspx 中 TextBox 控件 的 Style 属性 值 是 采用 “格式 ”菜单 下 的 “位 置 ” 命 令 这 种 
方式 布局 后 ， 再 在 “设计 ”视图 调整 TextBox 控件 位 置 ， 最 后 由 VSC 2017 自动 生成 的 样式 
代码 。 

当 页 面 载 入 时 ， 触 发 Page.Load 事件 ， 执 行 Page Load0 方 法 代码 ， 将 焦点 定位 在 用 户 名 
右边 的 文本 框 中 。 

本 实例 中 用 户 合法 性 判断 是 与 固定 用 户 名 leaf 比较 ， 实 际 使 用 需 连 接 数 据 库 ， 与 数据 库 
中 保存 的 用 户 名 比较 。 

要 看 到 AutoCompleteType="Email" 呈 现 自 动 完 成 电子 邮件 列表 的 效果 ， 需 先 输入 电子 邮 
件 地 址 并 单 击 “确认 ” 按 钮 后 再 次 输入 信息 时 才能 看 到 效果 ， 如 图 4-2 所 示 。 


4.3.3 Button、LinkButton 和 ImageButton 控件 


Web 窗 体 中 的 按钮 有 Button、LinkButton 和 ImageButton 三 种 形式 。 它 们 之 间 功 能 相同 ， 
只 是 外 观 上 有 区 别 。Button 呈现 传统 按钮 外 观 ; LinkButton 呈现 超 链接 外 观 ，ImageButton 呈 
现 图 形 外 观 ， 其 图 像 由 ImageUrl 属性 设置 。 定 义 的 语法 格式 如 下 : 











<asp:Button ID="Buttonl" runat="server" Text="Button" /> 
<asp:LinkButton ID="LinkButtonl" runat="server">LinkButton</asp:LinkButton> 
<asp: ImageButton ID="ImageButtonl" runat="server" ImageUrl="~/Images/map.jpg" /> 


实用 的 属性 和 事件 如 表 4-4 所 示 。 
表 4-4 ”按钮 控件 实用 属性 和 事件 表 


属性 和 事件 说 了 明 
PostBackUrl 属性 设置 跨 页 面 提交 时 的 目标 页 面 路 径 
Click 事件 当 单 击 按钮 时 被 触发 ， 执 行 服务 器 端 代码 





ClientClick 事件 当 单 击 按钮 时 在 Click 事件 之 前 被 触发 ， 执 行 客户 端 代码 


XHTML 元 素 <a> 与 LinkButton 控件 两 者 都 能 呈现 超 链 接 形式 ， 但 设置 链接 的 方法 不 同 。 
在 <a> 元 素 中 通过 href 属性 设置 ， 如 : 
<a href="www.aliyun .com"> 链 接 到 阿里 云 </a> 


而 在 LinkButton 控件 中 需要 设置 PostBackUrl 属性 实现 ， 或 者 在 Click 事件 中 输入 代码 ， 
通过 Response 对 象 的 重 定向 方法 Redirect0 实 现 ， 如 : 





Response.Redirect ("http://www.aliyun.com"); 


实例 4-4 利用 Button 控件 执行 客户 端 脚本 
要 在 单 击 Button 控件 后 执行 客户 端 脚本 ， 需 要 使 用 ClientClick 事件 和 
JavaScript。 如 图 4-3 和 图 4-4 所 示 ， 本 实例 能 在 删除 数据 前 弹出 确认 对 话 框 ， 
单 击 “ 确 定 ” 按 钮 后 才能 真正 地 删除 数据 。 











忻 半 志 过 
实例 4.4 
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图 4-3 ClientClick .aspx 浏览 效果 (1) 图 4-4 ClientClick aspx 浏览 效果 (2) 


源 程序 : ClientClick .aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="ClientClick.aspx.cs" Inherits="Chap4 ClientClick" %> 

区 (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Button ID="btnDelete" runat="server" Text=" 删 除 " OnClick="BtnDelete Click" 
OnClientClick="return confirm(' 确 定 要 删除 记录 吗 ?')" /> 

</div> 

</form> 


… (了 略 ) 


源 程序 : ClientClick.aspx.cs 

using System; 
public partial class Chap4 ClientClick : System.Web.UI.Page 
{ 

protected void BtnDelete Click(object sender, EventArgs e) 

{ 

Response .Write (" 删 除 成 功 ! ") ; 

} 

} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 ClientClick.aspx， 添 加 一 个 Button 控件 并 设置 属性 ， 在 “ 属 
性 ”窗口 或 “ 源 ” 视 图 中 输入 ClientClick.aspx 中 阴影 部 分 的 内 容 。 

(2) 双击 Button 控件 ， 在 ClientClick.aspx.cs 中 输入 阴影 部 分 的 内 容 。 

(3) 浏览 ClientClick.aspx 呈现 如 图 4-3 所 示 的 界面 ， 单 击 “确定 ”按钮 后 呈现 如 图 4-4 
所 示 的 界面 。 

程序 说 明 : 

在 图 4-3 中 ,， 当 单 击 “删除 ” 按钮 时 ， 触 发 ClientClick 事件 ,执行 JavaScript 代码 “retum 
confirm(' 确 定 要 删除 记录 吗 ?)”， 弹 出 确认 对 话 框 。 若 单 击 “ 确 定 ” 按 钮 ， 则 触发 Click 事件 ， 
执行 删除 操作 〈 这 里 仅 输出 信息 ， 实 际 操作 需 连 接 数据 库 ); 若 单 击 “ 取 消 ” 按 钮 ， 则 不 再 触 
发 Click 事件 ， 运 行 结 束 。 


4.3.4 DropDownList 控件 
DropDownList 控件 允许 用 户 从 预定 义 的 下 拉 列 表 中 选择 一 项 。 定 义 的 语法 格式 如 下 : 
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<asp:DropDownList ID="DropDownList1"” runat="server"></asp:DropDownList> 
P Pp P p P: 















































实用 的 属性 、 事 件 如 表 4-5 所 示 。 
表 4-5 DropDownList 控件 实用 属性 和 事件 表 
属性 、 事 件 说 明 

DataSource 属性 设置 数据 源 
DataTextField 属性 对 应 数据 源 中 的 一 个 字段 ， 该 字段 所 有 内 容 将 被 显示 于 下 拉 列 表 中 
DataValueField 属性 对 应 数据 源 中 的 一 个 字段 ， 指 定 下 拉 列 表 中 每 个 可 选项 的 值 
Items 属性 列表 中 所 有 选项 的 集合 ， 常 用 Add0 方 法 添加 项 ，Clear0 方 法 删除 所 有 项 
SelectedItem 属性 当前 选 定 项 
SelectedValue 属性 当前 选 定 项 的 Value 属性 值 
SelectedIndexChanged 事件 | ”当选 择 下 拉 列 表 中 一 项 后 被 触发 
DataBind() 方 法 绑 定 数据 源 


在 DropDownList 中 ,添加 项 的 方式 有 三 种 。 第 一 种 方式 是 在 属性 窗口 中 直接 对 Items 属 
性 进行 设置 ， 如 图 4-5 所 示 。 


北京 属性 (P): 
国有 &| 天 
4 杂项 
Enabled 
Selected 
Text 
Value 











图 4-5 “ListItem 集合 编辑 器 ”对 话 框 
在 图 4-5 中 , 设置 成 员 的 Selected 属性 值 为 Tme, 可 使 该 成 员 成 为 DropDownList 控件 的 
默认 项 ， 设 置 完 Items 属性 后 VSC 2017 会 自动 生成 代码 。 
第 二 种 方式 是 利用 DropDownList 对 象 的 Items.Add0) 方 法 添加 项 ， 如 : 
ddlCcity.Items.Add (new ListItem(" 北 京 "，"beijing")); 
第 三 种 方式 是 通过 DataSource 属性 设置 数据 源 ， 再 通过 DataBind() 方 法 
显示 数据 。 这 种 方法 通常 需要 连接 数据 库 ， 在 实际 工程 项 目 中 使 用 广泛 。 
实例 4-5 ”实现 联动 的 下 拉 列 表 吕 
联动 的 下 拉 列 表 在 实际 工程 项 目 中 非常 普遍 ， 如 要 查询 某 班 级 的 课表 ， 实例 4-5 
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需要 “学 年 一 学 期 一 分 院 一 班级 ”这 样 联动 的 下 拉 列 表 。 本 实例 以 日 期 联动 进行 说 明 。 如 图 
4-6 所 示 ， 当 改变 年 或 月 时 ， 相 应 的 每 月 天 数 会 随 之 而 变 。 






































图 4-6 DropDownListaspx 浏览 效果 


源 程序 : DropDownListaspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="DropDownList.aspx.cs" 
Inherits="Chap4 DropDownList" 各 > 
rr 略 ) 
<form id="forml" runat="server"> 
<div> 





<asp:DropDownList ID="ddlYear" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="DdlYear SelectedIndexChanged"></asp:DropDownList> 年 
<asp:DropDownList ID="ddlMonth" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="DdlMonth SelectedIndexChanged"></asp:DropDownList> 月 
<asp:DropDownList ID="ddlDay" runat="server"></asp:DropDownList> 日 
</div> 
</form> 


… ( 略 ) 


源 程序 : DropDownListaspx.cs 
using System 
using System.Web.UI.WebControls; 
public partial class Chap4 DropDownList : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) // 页 面 第 一 次 载 入 时 向 各 下 拉 列 表 框 填充 数据 
{ 





BindYear (); // 调 用 自 定义 方法 BindYear () 向 “年 份 ” 下 拉 列 表 框 中 填充 数据 
BindMonth(); ”// 调 用 自 定义 方法 BindMonth() 向 “月 份 ” 下 拉 列 表 框 中 填充 数据 
BindDay (); // 调 用 自 定义 方法 BindDay () 向 “日 期 ”下 拉 列 表 框 中 填充 数据 


} 
protected void BindYear() 
{ 
ddlYear.Items.Clear(); // 清 空 ddlYear 
int startYear = DateTime.Now.Year - 10; 
int currentYear = DateTime.Now.Year; 
for (int i = startYear; i <= currentYear; i++) // 向 ddlYear 添加 最 近 十 年 的 年 份 
{ 
ddlYear.Items.Add (new ListItem(i.ToString())); 
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} 
ddlYear.SelectedValue = currentYear.ToString(); // 设 置 ddlYear 的 默认 项 
} 
protected void BindMonth() 
{ 
ddlMonth.Items.Clear (); 
for (int i = 1; i <= 12; i++) // 向 ddlMonth 添加 一 年 的 月 份 
{ 
ddlMonth.Items.Add (i.ToString()); 
} 
} 
protected void BindDay() 
{ 
ddlDay.Items.Clear (); 
string year = ddlYear.SelectedValue; // 获 取 ddlYear 中 选 定 项 的 值 
string month = ddlMonth.SelectedValue; 
// 获 取 相应 年 、 月 对 应 的 天 数 
int days = DateTime.DaysInMonth (int.Parse (year), int.Parse (month)); 
for (int i = 1; i <= days; i++) // 向 ddlDay 添加 相应 年 、 月 对 应 的 天 数 
{ 
ddlDay.Items.Add(i.ToString()); 
} 


protected void DdlYear SelectedIndexChanged (object sender, EventArgs e) 
BindDay(); 
protected void DdlMonth SelectedIndexChanged (object sender, EventArgs e) 


{ 
BindDay(); 





} 


操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 DropDownListaspx， 添 加 三 个 DropDownList 控件 ， 参 考 源 
程序 分 别 设置 各 控件 属性 。 

(2) 建立 DropDownList.aspx.cs 文件 。 最 后 ， 浏 览 DropDownList.aspx 进行 测试 。 

程序 说 明 : 

运行 时 首先 触发 Page.Load 事件 ， 执 行 Page_ Load() 方 法 代码 ， 绑 定年 、 月 、 日 等 数据 到 
三 个 DropDownList 控件 。 当 改变 年 或 月 份 时 ， 触 发 相应 控件 的 SelectedIndexChanged 事件 形 
成 页 面 往返 ， 将 相应 年 、 月 对 应 的 天 数 绑 定 到 ddlDay。 


4.3.5 ListBox 控件 


DropDownList 和 ListBox 控件 都 允许 用 户 从 列表 中 选择 数据 项 , 区 别 在 于 DropDownList 
的 列表 在 用 户 选择 数据 项 前 处 于 隐藏 状态 ， 而 ListBox 的 列表 是 可 见 的 ， 并 且 可 同时 选择 多 
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一生 
项 。 定 义 的 语法 格式 如 下 : 
<asp:ListBox ID="ListBoxl" runat="server"></asp:ListBox> 


ListBox 控件 的 属性 、 方 法 和 事件 等 与 DropDownList 控件 类 似 ， 但 多 了 一 个 实用 的 
SelectionMode 属性 ， 其 值 为 Multiple 表示 允许 选择 多 项 。 3 








实例 4-6 ”实现 数据 项 在 ListBox 控件 之 间 的 移动 区 
如 图 4-7 所 示 ， 当 选择 左边 列表 框 中 的 数据 项 ， 再 单 击 按钮 后 选择 的 数 实例 4.6 
据 项 将 移动 到 右边 的 列表 框 中 。 





























图 4-7 ListBox.aspx 浏览 效果 


源 程序 ，ListBox.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="ListBox.aspx.cs" 
Inherits="Chap4 ListBox" 和 > 
ee ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ListBox ID="lstLeft" runat="server" SelectionMode="Multiple"> 
<asp:ListItem Value="hunan"> 湖 南 </asp:ListItem> 
<asp:ListItem Value="jiangxi"> 江 西 </asp:ListItem> 
<asp:ListItem Value="beijing"> 北 京 </asp:ListItem> 
<asp:ListItem Value="shanghai"> 上 海 </asp:ListItem> 
</asp:ListBox> 
<asp:Button ID="btnMove" runat="server" OnClick="BtnMove Click" Text="&gt;" /> 
<asp:ListBox ID="lstRight" runat="server" SelectionMode="Multiple"> 
</asp:ListBox> 
</div> 
</form> 


… ( 咯 ) 


源 程序 : ListBox.aspx.cs 





using System7 
public partial class Chap4 ListBox : System.Web.UI.Page 
{ 
protected void BtnMove Click(object sender, EventArgs e) 


{ 
for (int i = 0; i < lstLeft.Items.Count; i++) // 遍 历 左 边 列表 框 中 所 有 项 


{ 
if (lstLeft.Items[i].Selected) / /判断 数据 项 是 否 选中 
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{ 
lstRight.Items.Add(lstLeft.Items[i]); // 向 右边 列表 框 添加 选中 的 一 项 


lstLeft.Items.Remove (lstLeft.Items[i]); 





i-——; // 调 整 左边 列表 框 中 剩余 项 索引 号 
} 
} 
} 
} 
操作 步骤 : 


(1) 在 Chap4 文件 夹 中 建立 ListBox.aspx， 添 加 两 个 ListBox 控件 和 一 个 Button 控件 ， 
参考 源 程序 分 别 设置 各 控件 属性 。 
(2) 建立 ListBox.aspx.cs。 最 后 ， 浏 览 ListBox.aspx 进行 测试 。 


4.3.6 ”CheckBox 和 CheckBoxList 控件 


CheckBox 和 CheckBoxList 控件 为 用 户 提供 “ 真 / 假 ”“ 是 / 否 ” 或 “ 开 / 关 ”选项 之 问 进行 

选择 的 方法 ， 若 需要 多 项 选择 ， 可 以 使 用 多 个 CheckBox 控件 或 单个 CheckBoxList 控件 ， 但 
- 般 采 用 CheckBoxList 控件 。 定 义 的 语法 格式 如 下 : 

<asp:CheckBox ID="CheckBox1"” runat="server" /> 

<asp:CheckBoxList ID="CheckBoxListl" runat="server"></asp:CheckBoxList> 

注意 : 判断 CheckBox 控件 是 否 选中 的 属性 是 Checked， 而 CheckBoxList 控件 作为 集合 
控件 ， 判 断 数据 项 是 否 选中 的 属性 是 成 员 的 Selected 属性 。 

在 实际 工程 项 目 中 ， 一 般 设置 CheckBoxList 控件 的 AutoPostBack 属性 值 为 False。 要 提 
交 数 据 到 服务 器 ,不 是 采用 CheckBoxList 控 件 的 自身 事件 ,而 是 常 配合 Button 
控件 实现 。 





实例 4-7 运用 CheckBoxList 控件 
如 图 4-8 所 示 ， 当 选择 个 人 爱好 并 单 击 “ 确 定 ” 按 钮 后 显示 选中 数据 项 实例 4.7 
的 提示 信息 。 


CC 


4 .ETEITEEEDEI 








您 选择 了 : 足球 羽毛 球 














图 4-8 ”CheckBoxListaspx 浏览 效果 


源 程序 : CheckBoxListaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs 





Inherits="Chap4 CheckBoxList" 当 > 
… (上 略 》 
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<form id="forml" runat="server"> 
<div> 
<asp:CheckBoxList ID="chklsSport" runat="server"> 
<asp:ListItem Value="footbal1"> 足 球 </asp:ListItem> 
<asp:ListItem Value="basketbal1"> 篮 球 </asp:ListItem> 
<asp:ListItem Value="badminton"> 羽 毛 球 </asp:ListItem> 
<asp:ListItem Value="pingpong"> 乒 乓 球 </asp:ListItem> 
</asp:CheckBoxList> 
<asp:Button ID="btnSubmit" runat="server" Text=" 确 定 " 
OnClick="BtnSubmit Click" /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 》 


源 程序 ，CheckBoxList.aspx.cs 
using System; 
using System.Web.UI.WebControls; 
public partial class Chap4 CheckBoxList : System.Web.UI.Page 


{ 
protected void BtnSubmit Click(object sender, EventArgs e) 


{ 
lb1lMsg .Text = "您 选择 了 : "; 
foreach (ListItem listItem in chklsSport.Items) // 遍 历 复 选 框 列表 中 所 有 项 


{ 
if (listItem.Selected) 


上 
lblMsg.Text = lblMsg.Text + listItem.Text + "gnbsp"; 


} 
操作 步骤 : 
(1) 在 Chap4 文件 夹 中 建立 CheckBoxListaspx， 添 加 CheckBoxList、Button 和 Label 控 


件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 属性 。 
(2) 建立 CheckBoxList.aspx.cs。 最 后 ， 浏 览 CheckBoxList.aspx 进行 测试 。 


4.3.7 RadioButton 和 RadioButtonList 控件 


RadioButton 和 RadioButtonList 控件 常用 于 在 多 种 选择 中 只 能 选择 一 项 的 场合 。 单 个 的 
RadioButton 只 能 提供 单项 选择 ， 可 以 将 多 个 RadioButton 形成 一 组 ， 方 法 是 设置 每 个 
RadioButton 的 GroupName 属性 为 同一 名 称 。 定 义 RadioButton 的 语法 格式 如 下 : 





<asp:RadioButton ID="RadioButtonl" runat="server" GroupName="group" /> 


定义 RadioButtonList 的 语法 格式 如 下 : 
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<asp:RadioButtonList ID="RadioButtonList1" runat="server"> 
<asp:ListItem> 男 </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 

</asp:RadioButtonList> 


注意 : 判断 RadioButton 控件 是 否 选 中 使 用 Checked 属性 ， 而 获取 RadioButtonList 控件 
的 选中 项 是 使 用 SelectedItem 属性 。 


4.3.8 ”Image 和 ImageMap 控件 


Image 控件 用 于 在 Web 窗 体 上 显示 图 片 , 可 以 使 用 ImageUrl 属性 在 界面 设计 或 编程 时 指 
定 图 片 源 文件 。 在 实际 工程 项 目 中 常 与 数据 源 绑 定 ， 根 据 数 据 源 中 指定 的 字段 显示 图 片 。 定 
义 的 语法 格式 为 : 





<asp:Image ID="Imagel" runat="server" ImageUrl="~/Images/map.jpg" /> 


注意 : Image 控件 不 包含 Click 事件 ,如果 需要 Click 事件 处 理 流程 ,可 使 用 ImageButton 
控件 代替 Image 控件 。 

ImageMap 控件 除 可 以 用 来 显示 图 片 外 ， 还 可 以 实现 图 片 的 超 链接 。 可 以 将 显示 的 图 片 
划分 为 不 同形 状 的 热点 区 域 ， 分 别 链接 到 不 同 的 页 面 。 因 此 ， 在 实际 工程 项 目 中 ， 常 用 于 导 
航 条 、 地 图 等 。 如 图 4-9 所 示 ， 热 点 区 域 通过 HotSpots 属性 设置 ， 划 分 的 区 域 形状 包括 圆 形 
(CCircleHotSpot)、 长 方形 (RectangleHotSpot) 和 任意 多 边 形 (PolygonHotSpot)， 每 个 区 域 通 
过 NavigateUrl 属性 确定 要 链接 到 的 URL。 


成 员 (M): RectangleHotSpot 属性 (P): 





()] RectangleHotSpot 国有 | 历 


1| RectangleHotSpot 
2| RectangleHotSpot 
3| RectangleHotSpot 





4 行为 
AlternateText 
HotSpotMode NotSet 
NavigateUrl http://jw.dhu.edu.cn 
PostBackValue 
Target 
可 访问 性 
AccessKey 
TablIndex 























图 4-9 设置 HotSpots 属性 
ImageMap 控件 定义 的 语法 格式 如 下 : 


<asp:ImageMap ID="imapNav" runat="server" ImageUrl="~/Images/map.jpg"> 
<asp:RectangleHotSpot Bottom="26" Right="76" 
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NavigateUrl="http://jw.dhu.edu.cn" /> 
</asp:ImageMap> 





实例 4.8 利用 ImageMap 控件 设计 导航 栏 
如 图 4-10 所 示 ， 整 个 导航 栏 实质 是 一 幅 图 片 ， 当 设 略 好 热点 区 域 后 , 单 。 ”实例 4.8 
击 不 同 区 域 将 链接 到 不 同 页 面 。 


Ce n/m 





你 利用 ImageMap 控 件 设 ，X 





| 
i 
| 


a 
教育 教学 | 科学 研究 | 招生 就 业 | 交流 合作 | 资源 信息 | 校园 文化 


图 4-10 ImageMap.aspx 浏览 效果 


源 程序 ， ImageMap.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="ImageMap.aspx.cs" 
Inherits="Chap4 ImageMap" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:ImageMap ID="imapNav" runat="server" ImageUrl="~/Images/map.jpg"> 
<asp:RectangleHotSpot Bottom="26" Right="76" 
NavigateUrl="http://jw.dhu.edu.cn" /> 
<asp:RectangleHotSpot Bottom="26" Left="72" Right="141" 
NavigateUrl="http://research.dhu.edu.cn/" /> 
<asp:RectangleHotSpot Bottom="26" Left="143" Right="214" /> 
<asp:RectangleHotSpot Bottom="26" Left="216" Right="287" /> 
</asp: ImageMap> 
</div> 
</form> 


… (了 略 ) 

操作 步骤 : 

在 Chap4 文件 夹 中 建立 ImageMap.aspx， 添 加 一 个 ImageMap 控件 ， 设 置 ImageUrl 和 
浏览 ImageMap.aspx， 单 击 不 同 区 域 进行 测试 。 
4.3.9 ”HyperLink 控件 


HyperLink 控件 用 于 在 页 面 上 创建 链接 ， 与 <a> 元 素 不 同 ，HyperLink 控件 可 以 与 数据 源 
绑 定 。 定 义 的 语法 格式 如 下 : 


<asp:HyperLink ID="HyperLink1l" runat="server" Target=" blank"> 





</asp:HyperLink> 


其 中 , Target 属性 是 HyperLink 控件 的 重要 属性 , 它 的 常用 取 值 为 blank 和 _self。 值 _blank 
决定 了 在 一 个 新 窗口 中 显示 链接 页 ， 而 值 _self 决定 了 在 原 窗口 中 显示 链接 页 。 

注意 : HyperLink 控件 不 包含 Click 事件 ， 要 使 用 Click 事件 可 用 LinkButton 控件 代替 。 

使 用 ImageUrl 属性 可 以 将 链接 设置 为 一 幅 图 片 。 在 同时 设置 Text 和 ImageUr 属性 的 情 








(CN 
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况 下 ，ImageUrl 优先 。 若 找 不 到 图 片 则 显示 Text 属性 设置 的 内 容 。 
在 HyperLink 中 直接 设置 InageUrl 属性 后 显示 的 图 片 尺寸 是 不 可 调 的 ， 
若 要 改变 图 片 尺寸 ， 可 配合 使 用 Image 控件 。 


实例 4-9 组 合 使 用 HyperLink 和 Image 控件 实例 4.9 
本 实例 实现 页 面 中 显示 图 片 的 尺寸 与 实际 图 片 的 尺寸 不 相同 的 效果 。 





源 程序 : HyperLink.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HyperLink.aspx.cs" 





Inherits="Chap4 HyperLink" %> 
区 (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:HyperLink ID="hlkMouse" runat="server" 
NavigateUrl="http://www.21cn.com"> 
<asp: Image ID="imgMouse" runat="server" ImageUrl="~/Images/mouseOut.jpg" 
Width="50" /> 
</asp:HyperLink> 
</div> 
</form> 


… (上 略 》 


操作 步骤 : 

在 Chap4 文件 夹 中 建立 HyperLink.aspx， 添 加 一 个 HyperLink 控件 。 在 “ 源 ” 视 图 中 的 
<asp:HyperLink…></asp:HyperLink> 两 个 标记 之 问 插入 一 个 Image 控件 ， 参 考 源 程序 分 别 设 
置 各 控件 属性 。 最 后 ， 浏 览 HyperLink.aspx 进行 测试 。 


4.3.10 ”Table 控件 


Table 控件 用 于 在 Web 窗 体 上 动态 地 创建 表格 ， 是 一 种 容器 控件 ， 而 单 击 “ 表 ”一 “ 插 
入 表 ” 命 令 产生 的 表格 常用 于 页 面 布局 且 对 应 XHTML 元 素 <table>。 由 Table 控件 生成 的 Table 
对 象 由 行 (TableRow) 对 象 组 成 ，TableRow 对 和 象 由 单元 格 (TableCell) 对 象 组 成 。 定 义 的 语 
法 格式 如 下 : 

<asp:Table ID="Tablel" runat="server"> 

<asp:TableRow runat="server"> 
<asp:TableCell runat="server"> 学 号 </asp:TableCell> 
<asp:TableCell runat="server"> 姓 名 </asp:TableCell> 
</asp:TableRow> 
</asp:Table> 


注意 : 向 Table 对 象 添加 行使 用 Rows 属性 ; 向 TableRow 对 象 添 加 单元 
格 使 用 Cells 属性 ; 向 TableCell 对 象 添加 控件 使 用 Controls 属性 。 


实例 4-10 ”动态 生成 表格 
如 图 4-11 所 示 ， 页 面 上 的 简易 成 绩 录 入 界面 实质 是 动态 生成 的 表格 。 实例 4-10 
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学 号 “| 姓名 

















200301| 张 三 
200302| 李 四 








图 4-11 ”Table.aspx 浏览 效果 
源 程序 : Table.aspx 部 分 代码 








<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Table.aspx.cs" 

Inherits="Chap4 Table" 和 > 

a (上 略 ) 

<form id="form1"” runat="server"> 
<div> 


<asp:Table ID="tblScore" runat="server" GridLines="Both"> 


<asp:TableRow runat="server"> 


<asp:TableCell runat="server"> 学 号 </asp:TableCell> 
<asp:TableCell runat="server"> 姓 名 </asp:TableCell> 
<asp:TableCell runat="server"> 成 绩 </asp:TableCell> 


</asp:TableRow> 


</asp:Table> 
</div> 
</form> 


… (上 略 ) 


源 程序 : Table.aspx.cs 


using System7 


using System.Web.UI.WebControls; 


public partial class Chap4 Table : 


{ 


System.Web.UI.Page 


protected void Page Load(object sender, EventArgs e) 


string[] name = {“" 张 三 ",，" 李 四 "” };// 设 置 姓名 初始 值 ， 实 际 工程 中 数据 来 源 于 数据 库 


string[] number 


{ "200301", 


for (int i = 1; i <= 2; i++) 


{ 


TableRow row = new TableRow(); 
TableCell cellNumber = new TableCell(); 
TableCell cellName = new TableCell(); 
TableCell cellInput = new TableCell (); 
cellNumber.Text = number[i - 1]; 


cellName.Text = name[i - 1]; 


TextBox txtInput = new TextBox(); 
cellInput.Controls.Add (txtInput); 


row.Cells.Add (cellNumber); 
row.Cells.Add (cellName); 
row.Cells.Add (cellInput); 


"200302" }; 


// 设 置 学 号 初始 值 
// 动 态 生 成 表格 


// 建 立 一 个 行 对 象 

// 建 立 第 一 个 单元 格 对 象 

// 建 立 第 二 个 单元 格 对 象 

// 建 立 第 三 个 单元 格 对 象 

// 设 置 第 一 个 单元 格 的 显示 内 容 
// 设 置 第 二 个 单元 格 的 显示 内 容 
// 建 立 一 个 文本 框 对 象 

// 添 加 文本 框 对 象 到 第 三 个 单元 格 中 
// 添 加 第 一 个 单元 格 到 行 对 象 
// 添 加 第 二 个 单元 格 到 行 对 象 
// 添 加 第 三 个 单元 格 到 行 对 象 
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tblScore.Rows.Add (row); // 添 加 行 对 象 到 表格 对 象 
} 
} 
} 
操作 步骤 : 


(1) 在 Chap4 文件 夹 中 建立 Table.aspx， 添 加 一 个 Table 控件 tblScore， 然 后 在 设置 Rows 
属性 的 对 话 框 中 添加 一 个 TableRow， 再 在 设置 TableRow 的 Cells 属性 的 对 话 框 中 添加 三 个 
TableCell， 并 分 别 设置 各 TableCell 的 Text 属性 值 为 “学 号 ”“ 姓 名 ”“ 成 绩 ”。 

(2) 建立 Table.aspx.cs。 最 后 ， 浏 览 Table.aspx 查看 效果 。 


4.3.11 ”Panel 和 PlaceHolder 控件 


Panel 和 PlaceHolder 控件 都 属于 容器 控件 ， 常 用 于 实现 动态 地 建立 控件 和 在 同一 个 页 面 
中 根据 不 同情 况 显示 不 同 内 容 的 情形 。 使 用 Panel 控件 的 好 处 是 只 需 载 入 一 个 页 面 ， 即 可 呈 
现 不 同 的 内 容 。 

Panel 控件 定义 的 语法 格式 如 下 : 

<asp:Panel ID="Panell" runat="server"></asp:Panel> 

PlaceHolder 控件 定义 的 语法 格式 如 下 : 

<asp:PlaceHolder ID="PlaceHolderl" runat="server"></asp:PlaceHolder> 

实例 4-11 利用 Panel 实现 简易 注册 页 面 

如 图 4-12 所 示 ， 输 入 用 户 名 ， 单 击 “ 下 一 步 ”按钮 ， 呈 现 如 图 4-13 所 

示 的 界面 ， 再 输入 姓名 、 电 话 等 信息 ， 单 击 “ 下 一 步 ” 按 钮 ， 呈 现 如 图 4-14 


所 示 的 用 户 注册 信息 确认 界面 。 在 上 述 流程 中 ， 通 过 建立 三 个 Panel 控件 可 
以 方便 地 对 应 三 个 步骤 呈现 的 不 同 内容 。 





实例 4-11 


CC [Cd 
《4 、 "oare p -| ES were p -| 


由 第 一 步 : 输入 用 户 名 ‖ 第 二 步 : 输入 用 户 信息 


| 
< 


第 三 步 : 请 确认 您 的 输入 信息 
姓名 : | 张 三 用 户 名 : leaf 
电话 : |13700010001 4 


下 小 





姓名 : 
电话 : 13700010001 
确定 





























图 4-12 浏览 效果 (1) 图 4-13 浏览 效果 (2) 图 4-14 浏览 效果 (3) 


源 程序 ， Panelaspx 部 分 代码 

<%@ Page Language="C#" AutoEVventWireup="true"” CodeFile="Panel.aspx.cs" 
Inherits="Chap4 Panel" $%> 
… ( 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Panel ID="pnlStepl" runat="server"> 
第 一 步 : 输入 用 户 名 <br /> 


用 户 名 : <asp:TextBox ID="txtUser" runat="server"></asp:TextBox><br /> 
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<asp:Button ID="btnstepl" runat="server" Text=" 下 一 步 " 
OnClick="Btnstepl Click" /> 

</asp:Panel> 

<asp:Panel ID="pnlStep2" runat="server"> 
第 二 步 : 输入 用 户 信 息 <br /> 
姓名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
电话 : <asp:TextBox ID= 
<asp:Button ID="btnStep2"” runat="server" Text=" 下 一 步 " 
OnClick="BtnStep2 Click" /> 

</asp:Panel> 





txtTelephone" runat="server"></asp:TextBox><br /> 


<asp:Panel ID="pnlStep3" runat="server"> 
第 三 步 : 请 确认 您 的 输入 信息 <br /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label><br /> 
<asp:Button ID="btnStep3" runat="server" Text=" 确 定 " 
OnClick="BtnSstep3 Click" /> 
</asp:Panel> 
</div> 
</form> 


… (上 略 ) 





源 程序 ，Panel.aspx.cs 
using System; 
public partial class Chap4 Panel : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
pnlstepl.Visible = true;  // 设 置 pnlStep1 可 见 
pnlstep2.Visible = false; // 设 置 pnlStep2 不 可 见 
pnlstep3.Visible = false; // 设 置 pnlStep3 不 可 见 


} 
protected void BtnSstepl Click(object sender, EventArgs e) 
{ 
pnlSstepl .Visible 
pnlStep2.Visible = true; 
pnlStep3.Visible = false; 
} 
protected void BtnSstep2 Click(object sender, EventArgs e) 
{ 
pnlSstepl .Visible = false; 
pnlstep2.Visible = false; 


false; 


pnlSstep3.Visible = true; 
lblMsg .Text = "用 户 名 : " + txtUser.Text + "<br /> 姓名 : " + txtName.Text 
+ "<br /> 电话 : " + txtTelephone.Text; // 输 出 用 户 信 息 
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} 
protected void BtnStep3 Click(object sender, EventArgs e) 


{ 
//TODO: 将 用 户 信 息 保存 到 数据 库 


} 


} 
操作 步骤 : 
(1) 在 Chap4 文件 夹 中 建立 Panelaspx， 添 加 三 个 Panel 控件 ， 在 每 个 Panel 控件 中 添加 


其 他 控件 并 参考 源 程序 分 别 设置 各 控件 属性 。 
(2) 建立 Panel.aspx.cs。 最 后 ， 浏 览 Panelaspx， 输 入 信息 进行 测试 。 





程序 说 明 : 
当 页面 载 入 时 ， 首 先 触发 Page.Load 事件 ， 执 行 Page_Load() 方 法 代码 ， 将 pnlStepl 设置 


为 可 见 ， 而 将 其 他 两 个 Panel 控件 设置 为 不 可 见 。 
在 实现 如 图 4-12 所 示 的 界面 时 , 实际 工程 项 目 中 将 访问 数据 库 , 再 判断 用 户 名 是 否 重 复 。 


在 图 4-14 中 ， 单 击 “ 确 定 ” 按 钮 将 这 些 信息 保存 到 数据 库 中 。 
实例 4-12 ”利用 PlaceHolder 动态 添加 控件 
PlaceHolder 控件 在 Web 窗 体 上 起 到 占 位 的 作用 ， 可 向 其 中 动态 地 添加 
需要 的 控件 。 如 图 4-15 所 示 ， 页 面 上 呈现 的 “确定 ”按钮 和 文本 框 都 是 在 页 
面 载 入 时 动态 生成 的 。 如 图 4-16 所 示 ， 单 击 “ 确 定 ” 按 钮 输出 信息 。 如 图 
4-17 所 示 ， 单 击 “ 获 取 ” 按 钮 将 获取 并 输出 文本 框 中 输入 的 信息 。 


中 触发 了 “确定 "按钮 的 Click 事 件 ! 用 我 是 动态 生成 的 ! 
确定 | 我 是 动态 生成 的 ! 确定 | 我 是 动态 生成 的 ! 
获取 获取 


图 4-17 浏览 效果 (3) 















































图 4-16 浏览 效果 (2) 


图 4-15 浏览 效果 (1) 
源 程序 : PlaceHolderaspx 部 分 代码 


<sQ@ Page Language="C#" RutoEventWireup="true" 
CodeFile="PlaceHolder.aspx.cs" Inherits="Chap4 PlaceHolder" $%> 


… ( 略 ) 
<form id="form1" 


runat="server"> 
<asp:PlaceHolder ID="plhTest" runat="server"></asp:PlaceHolder><br /> 


<div> 
<asp:Button ID="btnAcquire"” runat="server"” Text=" 获 取 " 
OnClick="BtnAcquire Click" /> 


</div> 
</form> 


… ( 咯 ) 
源 程序 : PlaceHolderaspx.cs 





using System; 
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using System.Web.UI.WebControls; 
public partial class Chap4 PlaceHolder : System.Web.UI.Page 
{ 

protected void Page Load (object sender, EventArgs e) 

{ 


Button btnSubmit = new Button () // 定 义 btnSubmit 按钮 控件 

btnSubmit .ID = "btnSsubmit"; // 设 置 btnSubmit 按钮 控件 的 ID 属性 
btnSubmit .Text = "确定 "; // 设 置 btnsubmit 按钮 控件 的 Text 属性 
btnsubmit.Click += new EventHandler (BtnSubmit Click); // 注 册 click 事件 
plhTest .Controls.Add (btnSubmit) ; // 将 btnsubmit 按钮 控件 添加 到 plhTest 中 


TextBox txtInput = new TextBox(); // 定 义 txtInput 文本 框 控件 
txtInput.ID = "txtInput"; 
plhTest.Controls.Add (txtInput); 

} 


protected void BtnSubmit Click(object sender，EventArgs e) // 本 行 需 自 行 输入 
Response.Write ("触发 了 “确定 ”按钮 的 Click 事件 ! ") ; 


protected void BtnAcquire Click(object sender, EventArgs e) 


// 查 找 txtInput 文本 框 控件 
TextBox txtInput = (TextBox)plhTest.FindControl ("txtInput"); 
Response.Write (txtInput.Text); 





} 

操作 步骤 : 

(1) 在 Chap4 文件 夹 中 建立 PlaceHolderaspx， 添 加 PlaceHolder 和 Button 控件 各 一 个 ， 
参考 源 程 序 设置 各 控件 属性 。 

(2) 建立 PlaceHolderaspx.cs。 最 后 ， 浏 览 PlaceHolderaspx， 输 入 信息 再 单 击 按钮 进行 
测试 。 

程序 说 明 : 

页 面 载 入 时 ， 触 发 Page.Load 事件 ， 执 行 Page_Load( 方 法 代码 ， 动 态 生成 一 个 Button 
控件 和 一 个 TextBox 控件 。 当 单 击 “ 确 定 ” 按 钮 时 ， 根 据 注册 的 事件 执行 BSubmit ClickO 
方法 代码 。 

注意 : 如 果 一 个 包含 动态 生成 控件 的 页 面 需要 往返 处 理 ， 那 么 动态 生成 控件 的 代码 必须 
放 在 Page Load() 方 法 代码 中 ， 当 页 面 往返 时 触发 Page.Load 事件 ， 执 行 Page Load() 方 法 代 
码 ， 然 后 重复 生成 动态 控件 ; 动态 生成 的 控件 不 能 在 设计 时 直接 绑 定 方法 代码 ， 需 手工 注册 ; 
在 获取 动态 生成 控件 中 的 输入 信息 时 ， 需 要 使 用 FindControl(0 方 法 先 找到 控件 。 


44 小 结 


本 章 介 绍 了 ASPNET 页 面 事 件 处 理 流程 、HTML 服务 器 控件 和 Web 服务 器 常用 标准 控 
件 。 理 解 ASPNET 页 面 事件 的 处 理 流程 需 清楚 常用 事件 Page.PreInit、Page.Init、Page.Load 
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和 控件 事件 的 触发 顺序 。 在 实际 工程 项 目 中 ， 常 通过 IsPostBack 属性 决定 在 页 面 往返 时 是 否 
执行 相应 的 代码 .HIML 服务 器 控件 与 XHTML 相应 元 素 对 应 , 可 以 通过 添加 “runat="server"” 
将 XHTML 元 素 转换 为 HTML 服务 器 控件 。Web 服务 器 标准 控件 是 构建 Web 窗 体 的 基础 ， 
这 是 本 章 的 重点 。 其 中 的 实例 代表 了 相应 控件 的 典型 用 法 ， 需 要 通过 实例 代码 的 调试 来 熟练 
掌握 常用 标准 控件 的 基本 用 法 。 











4.5 习 题 
1. 填空 题 
(1) 若 在 TextBox 控件 中 输入 内 容 并 当 焦 点 离开 时 能 触发 TextChanged 事件 ， 则 应 设 
置 
(2) 通过 属性 可 判断 页 面 是 否 第 一 次 载 入 。 


(3) ASPNET 的 服务 器 控件 包括 和 。 











(4) 添加 属性 可 将 XHTML 元 素 转 化 为 HTML 服务 器 控件 。 
(5) 设置 属性 可 决定 Web 服务 器 控件 是 否 可 用 。 








(6) 当 需 要 将 TextBox 控件 作为 密码 输入 框 时 ， 应 设置 5 

(7) 对 使 用 数据 源 显示 信息 的 Web 服务 器 控件 ， 当 设置 完 控件 的 DataSource 属性 后 ， 需 
要 方法 才能 显示 信息 。 

(8) 如 果 需 要 将 多 个 单独 的 RadioButton 控件 形成 一 组 具有 RadioButtonList 控件 的 功能 ， 





可 以 通过 将 属性 设置 成 相同 的 值 实现 。 
(9) 设置 可 以 实现 ListBox 控件 中 选择 多 项 的 功能 。 
2. 是 非 题 


(1) 单 击 Button 类 型 控件 会 形成 页 面 往返 处 理 。 

(2) 当 页 面 往返 时 ， 在 触发 控件 的 事件 之 前 会 触发 Page.Load 事件 。 
(3) 不 能 在 服务 器 端 访问 HTML 服务 器 控件 。 

(4) 动态 生成 的 控件 可 以 直接 通过 其 ID 属性 值 进行 访问 。 

(5) Panel 控件 能 实现 在 同一 个 页 面 中 显示 不 同 内 容 的 效果 。 


A a A a 
WW ty 





3. 选择 题 
(1) Web 服务 器 控件 不 包括 (。 ) 。 

A. Table B. Input C. AdRotator D. Calendar 
(2) 下 面 的 控件 中 不 能 响应 鼠标 单 击 事件 的 是 (  ) 。 

A. ImageButton B. ImageMap C. Image D. LinkButton 
(3) 单 击 Button 类 型 控件 后 能 执行 客户 端 脚本 的 属性 是 (  ) 。 

A. OnClientClick B. OnClick C. OnCommandClick D. OnClientCommand 
(4) 当 需 要 用 控件 输入 性 别 时 ， 应 选择 的 控件 是 (  ) 。 

A. CheckBox B. CheckBoxList C. Label D. RadioButtonList 
(5) 下 面 不 属于 容器 控件 的 是 (  ) 。 

A. Panel B. CheckBox C. Table D. PlaceHolder 
4. 简 答 题 


(1) 说 明 Image、ImageButton 和 ImageMap 控件 的 区 别 。 
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(2) 说 明 <a> 元 素 、LinkButton 和 HyperLink 控件 的 区 别 。 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 实现 一 个 简单 的 计算 器 ， 当 输入 两 个 数 后 可 以 求 两 数 的 和 、 差 等 。 

(3) 制作 一 组 联动 的 “学 年 一 学 期 一 分 院 一 教师 ”的 下 拉 列 表 ， 当 最 后 选择 教师 后 自动 
生成 一 个 表格 。 

(4) 动态 生成 一 组 控件 ， 内 含 一 个 文本 框 和 一 个 按钮 ， 当 单 击 按钮 时 输出 文本 框 中 输入 
的 信息 。 

(5) 利用 Panel 控件 建立 用 户 注册 页 面 。 要 求 注册 界面 包括 用 户 名 、 密 码 、 姓 名 、 性 别 、 
出 生日 期 、 电 话 、 邮 箱 、 兴 趣 爱好 等 。 

(6) 利用 PlaceHolder 控件 实现 一 个 包含 单项 选择 题 的 测试 页 面 ， 其 中 题目 信息 包含 于 
数组 中 。 
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ASP.NET 窗 体验 证 


本 章 要 点 : 
* 理解 客户 端 和 服务 器 端 验证 。 
。 掌握 ASPNET 验证 控件 的 使 用 。 


5.1 窗 体验 证 概述 


在 ASPNET 网 站 开发 时 , 经 常会 使 用 表单 获取 用 户 的 一 些 信 息 , 如 注册 信息 、 在 线 调查 、 
意见 反馈 等 。 为 了 防止 垃圾 信息 ， 甚 至 空 信息 条 目 被 收集 ， 对 于 某 些 信息 项 目 ， 需 要 开发 人 
员 以 编程 方式 根据 实际 需求 进行 验证 。 实 际 上 ， 验 证 就 是 给 所 收集 的 数据 制定 一 系列 规则 。 
验证 不 能 保证 输入 数据 的 真实 性 ， 只 能 说 是 否 满足 了 一 些 规则 ， 如 “文本 框 中 必须 输入 数据 ” 
“输入 数据 的 格式 必须 是 电子 邮件 地 址 ”等 。 

窗 体 验证 分 为 服务 器 端 和 客户 端 两 种 形式 。 服 务 器 端 验 证 是 指 将 用 户 输入 的 信息 全 部 发 
送 到 Web 服务 器 进行 验证 ， 客 户 端 验证 是 指 利用 JavaScript 脚本 ， 在 数据 发 送 到 服务 器 之 前 
进行 验证 。 这 两 种 方式 各 有 优 缺 点 。 客 户 端 验证 能 很 快 地 响应 用 户 ， 但 所 使 用 的 JavaScript 
脚本 会 暴露 给 用 户 ， 这 会 带 来 安全 隐患 。 服 务 器 端 验证 比较 安全 ， 但 因为 数据 必须 发 送 到 服 
务 器 才能 被 验证 ， 所 以 响应 的 速度 要 比 客户 端 验证 慢 。 

ASPNET 的 窗 体验 证 默认 采用 需要 jQuery 支持 的 隐 式 验证 方法 ， 配 置 步 骤 如 下 : 

(1) 利用 NuGet 程序 包 管 理 器 安装 jQuery。 

(2) 建立 Globalasax 文件 (全 局 应 用 程序 类 文件 )， 并 在 其 Application_Start( 方 法 中 添 
加 如 下 源 代码 : 





ScriptResourceDefinition scriptResDef = new ScriptResourceDefinition(); 

// 设 置 jQuery 提供 的 JavaScript 库 路 径 ， 其 中 版 本 号 由 安装 的 jQuery 版 本 号 确定 
scriptResDef.Path = "~/Scripts/jquery-3.2.1.min.js"; 
ScriptManager.ScriptResourceMapping.AddDefinition("jquery", scriptResDef); 


ASPNET 的 窗 体验 证 也 可 以 选择 禁用 隐 式 验证 的 形式 ， 此 时 , 需要 在 Web.config 文件 的 
<configuration> 元 素 中 添加 配置 代码 如 下 : 





<appSettings> 
<add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/> 
</appSettings> 


经 常 通过 判断 Page.IsValid 属性 值 可 确定 页 面 上 的 控件 是 否 都 通过 了 验证 。 值 为 tue 表 
示 所 有 的 控件 都 通过 了 验证 ， 而 false 表示 页 面 上 有 控件 未 通过 验证 。 
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5.2 ASPNET 服务 器 验证 控件 


ASPNET 中 有 六 个 验证 控件 ， 包 括 RequiredFieldValidator 、CompareValidator 、 
RangeValidator、RegularExpressionValidator、CustomValidator 和 ValidationSummary 控件 。 除 
ValidationSummary 控件 外 ， 其 他 五 个 验证 控件 具有 一 些 共同 的 实用 属性 ， 如 表 5-1 所 示 。 


表 5-1 共同 的 实用 属性 表 
属 性 说 了 明 
ControlToValidate 指定 要 验证 控件 的 ID 
指定 验证 控件 在 页 面 上 显示 的 方式 。 值 Static 表示 验证 控件 始终 占用 页 面 空间 ; 值 
Display Dynamic 表示 只 有 显示 验证 的 错误 信息 时 才 占 用 页 面 空间 ; 值 None 表示 验证 的 错 
误 信息 都 在 ValidationSummary 控件 中 显示 
EnableClientScript 设置 是 否 启用 客户 端 验证 ， 默 认 值 Te 





ErrorMessage 设置 在 ValidationSummary 控件 中 显示 的 错误 信息 ， 若 Text 属性 值 为 空 会 代替 它 
SetFocusOnError 当 验 证 无 效 时 ， 确 定 是 否 将 焦点 定位 在 被 验证 控件 上 

Text 设置 验证 控件 显示 的 信息 

ValidationGroup 设置 验证 控件 的 分 组 名 


为 保证 响应 速度 ， 一 般 设置 验证 控件 的 EnableClientScript 属性 值 为 Tue。 这 样 ， 当 在 页 
面 上 改变 ControlToValidate 属性 指定 控件 的 值 并 将 焦点 移出 时 ， 就 会 产生 客户 端 验证 。 此 时 
验证 用 的 JavaScript 代码 不 是 由 开发 人 员 开 发 ， 而 是 由 系统 产生 。 若 将 EnableClientScript 属 
性 值 设 为 False， 则 只 有 当 页 面 有 往返 时 ， 才 会 实现 验证 工作 ， 此 时 完全 使 用 服务 器 端 验证 。 

如 果 一 个 页 面 已 建立 并 设置 了 验证 控件 ， 若 想 在 页 面 往返 时 不 执行 验证 ， 如 常见 的 “ 取 
消 ” 按 钮 ， 怎 样 解 决 这 种 问题 呢 ? 这 里 有 一 个 很 实用 的 CausesValidation 属性 ， 值 False 表示 
不 执行 验证 过 程 。 在 上 述 问题 中 ， 只 要 设置 “取消 ”按钮 的 CausesValidation 属性 值 为 False 
就 可 以 了 。 

若 要 对 一 个 控件 设置 多 个 规则 ， 可 通过 多 个 验证 控件 共同 作用 ， 此 时 各 验证 控件 的 
ControlToValidate 属性 应 为 相同 值 。 如 对 密码 文本 框 要 求 必 填 并 且 与 确认 密码 文本 框 的 值 相 
同 ， 此 时 可 将 RequiredFieldValidator 和 CompareValidator 控件 共同 作用 于 密码 文本 框 。 

若 要 对 同一 个 页 面 上 不 同 的 控件 提供 分 组 验证 功能 ， 可 以 通过 将 同一 组 控件 的 
ValidationGroup 属性 设置 为 相同 的 组 名 来 实现 。 


5.2.1 RequiredFieldValidator 控件 

RequiredFieldValidator 控件 用 于 对 一 些 必 须 输入 信息 的 控件 进行 验证 ， 如 用 户 名 、 密 码 
等 。 在 页 面 上 填写 表单 时 , 常常 可 看 到 有 些 文本 框 后 跟着 一 个 *, 就 是 使 用 该 验证 控件 产生 的 
效果 。 定 义 的 语法 格式 如 下 : 


<asp:RequiredFieldValidator ID="RequiredFieldValidatorl" runat="server" 
ControlToValidate="TextBoxl" ErrorMessage="RequiredFieldValidator"> 
</asp:RequiredFieldValidator> 


除 验证 控件 的 公有 属性 外 ，RequiredFieldValidator 控件 还 有 一 个 非常 实用 的 用 于 指定 被 
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验证 控件 初始 文本 的 InitialValue 属性 。 若 设置 了 InitialValue 属性 值 ， 则 只 有 在 被 验证 控件 中 
输入 值 并 与 InitialValue 值 不 同时 ， 验 证 才 通 过 。 


实例 5-1 禁止 空 数据 且 同 时 要 改变 初始 值 
如 图 5-1 至 图 5-3 所 示 ， 当 改变 用 户 名 右边 文本 框 中 内 容 并 将 焦点 移出 1 
时 执行 客户 端 验证 , 若 内 容 为 空 , 则 显示 *; 车 内 容 仍 为 文本 框 原来 的 初始 值 ， 实例 5-1 
则 显示 “不 能 与 初始 值 相同 !”。 



































图 5-1 Require.aspx 浏览 效果 (1) 图 5-2” Require.aspx 浏览 效果 (2) 


避 将 止 空 数据 且 同 时 要 改 .… 














1 EE 下 不 能 与 初 使 值 相 同 ! 


图 5-3 Require.aspx 浏览 效果 (3) 





源 程序 ，Require.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="Require.aspx.cs" 
Inherits="Chap5 Require" %> 
00 ( 略 ) 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName"” runat="server"> 您 的 姓名 </asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvNamel" runat="server" 
ControlToValidate="txtName">*</asp:RequiredFieldValidator> 
<asp:RequiredFieldValidator ID="rfvName2" runat="server" 
ControlToValidate="txtName"” InitialValue=" 您 的 姓名 "> 不 能 与 初始 值 相 同 ! 
</asp:RequiredFieldValidator> 
</div> 
</form> 


…( 略 ) 


操作 步骤 : 
在 Chap5s 文 件 夹 中 建立 Require.aspx, 添加 一 个 TextBox 控件 和 两 个 RequiredFieldValidator 
控件 ， 相 关 属 性 设置 如 表 5-2 所 示 。 最 后 ， 浏 览 Require.aspx 进行 测试 。 


表 5-2 Require.aspx 中 控件 属性 设置 表 






txtName 


















TextBox 
Text 您 的 姓名 
ID IfyNamel 
RequiredFieldValidator ControlToValidate txtName 





Text 
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控 件 属 性 属 性 值 
ID IfvName2 
区 ControlToValidate txtName 
el 二 您 的 姓名 
Text 不 能 与 初始 值 相同 ! 
程序 说 明 : 
rfvNamel 保证 用 户 名 必须 输入 ， 而 rfvName2 保证 输入 的 用 户 名 必须 与 初始 值 不 同 。 


5.2.2 CompareValidator 控件 

CompareValidator 控件 用 于 比较 一 个 控件 的 值 和 另 一 个 控件 的 值 ， 若 相等 则 验证 通过 ; 
也 可 用 于 比较 一 个 控件 的 值 和 一 个 指定 的 值 ， 若 比较 的 结果 为 tue 则 验证 通过 。 定 义 的 语法 
格式 为 : 


<asp:CompareValidator ID="CompareValidatorl1l" runat="server" 
ControlToCompare="TextBox2" ControlToValidate="TextBox1" 
ErrorMessage="CompareValidator"> 


</asp:CompareValidator> 
CompareValidator 控件 实用 的 属性 如 表 5-3 所 示 。 


表 5-3 CompareValidator 控件 实用 属性 表 





属 性 说 明 
ControlToCompare 指定 与 被 验证 控件 比较 的 控件 ID 
设置 比较 值 时 使 用 的 操作 符 ， 包 括 Equal 、NotEqual 、GreaterThan 、 
Qperatpr GreaterThanEqual、LessThan、LessThanEqual 和 DataTypeCheck 
Type 设置 比较 值 时 使 用 的 数据 类 型 
ValueToCompare 指定 与 被 验证 控件 比较 的 值 


注意 : ControlToCompare 和 ValueToCompare 属性 在 应 用 时 只 能 选择 一 个 。 
实例 5-2 运用 CompareValidator 控件 
如 图 5-4 和 图 5-5 所 示 ， 密 码 文本 框 和 确认 密码 文本 框 要 求 验证 输入 值 
是 否 一 致 ;答案 文本 框 验证 值 是 否 为 A; 金额 文本 框 验证 数据 类 型 是 否 为 


Currency。 























密码 与 确认 密码 不 一 致 ! 
答案 错误 ! 
必须 输入 Currency 类 型 ! 















































图 5-4 Compare.aspx 浏览 效果 (1) 图 5-5 Compare.aspx 浏览 效果 (2) 
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源 程序 : Compare.aspx 部 分 代码 


<%sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="Compare.aspx.cs" 





Inherits="Chap5 Compare" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
确认 密码 : <asp:TextBox ID="txtPasswordAgain" runat="server" 
TextMode="Password"></asp: TextBox> 
<asp:CompareValidator ID="cvPassword" runat="server" 
ControlToCompare="txtPassword" 
ControlToValidate="txtPasswordAgain"> 密 码 与 确认 密码 不 一 致 ! 
</asp:CompareValidator><br /> 
答案 : <asp:TextBox ID="txtAnswer" runat="server"></asp:TextBox> 
<asp:CompareValidator ID="cvAnswer" runat="server" 
"> 答案 错误 ! 





ControlToValidate="txtAnswer" ValueToCompare= 
</asp:CompareValidator><br /> 
金额 : <asp:TextBox ID="txtAmount" runat="server"></asp:TextBox> 
<asp:CompareValidator ID="cvAmount" runat="server" 
ControlToValidate="txtAmount" 
Operator="DataTypeCheck" Type="Currency"> 必 须 输入 Currency 类 型 ! 
</asp:CompareValidator> 
</div> 
</form> 


… (上 略 》 


操作 步骤 : 

在 Chaps 文件 夹 中 建立 Compare.aspx， 添 加 四 个 TextBox 控件 和 三 个 CompareValidator 
控件 ， 参 考 源 程序 设置 各 控件 属性 。 最 后 ， 浏 览 Compare.aspx 进行 测试 。 

注意 : 图 5-4 和 图 5-5 是 采用 Table 布局 后 的 浏览 效果 图 。 


5.2.3 ”RangeValidator 控件 
RangeValidator 控件 用 来 验证 输入 值 是 否 在 指定 范围 内 。 定 义 的 语法 格式 为 : 


<asp:RangeValidator ID="RangeValidatorl" runat="server" 
ControlToValidate="TextBoxl" ErrorMessage="RangeValidator" 
MaximumValue="9" MinimumValue="0" Type="Integer"> 


</asp:RangeValidator> 


为 验证 输入 值 的 范围 ，RangeValidator 控件 提供 了 MaximumValue 和 
MinimumValue 属性 ， 分 别 对 应 验证 范围 的 最 大 值 和 最 小 值 。 


实例 5-3 运用 RangeValidator 控件 
如 图 5-6 和 图 5-7 所 示 ， 成 绩 文 本 框 要 求 输入 的 值 在 0~100 之 间 ; 日 期 





有 天 
1100) a 
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文本 框 要 求 输入 的 值 在 2017-1-1 与 2018-1-1 之 间 。 


辣 运用 Rangevalidator 控 件 3 尼 D 总 运用 Rangevalidator 村 














成 绩 : 成 绩 : [120 应 输入 0 一 100 之 间 的 数 ! 
日 期 : 日 期 : |2024-1-1 日 期 错误 ! 


图 5-6 Range.aspx 浏览 效果 (1) 图 5-7 Range.aspx 浏览 效果 (2) 








源 程序 : Range.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Range.aspx.cs" 
Inherits="Chap5 Range" 和 > 
ee (上 略 ) 
<form id="forml" runat="server"> 
<div> 
成 绩 ; <asp:TextBox ID="txtGrade" runat="server"></asp:TextBox> 
<asp:RangeValidator ID="rvGrade" runat="server" 
ControlToValidate="txtGrade" MaximumValue="100" MinimumValue="0" 
Type="Double"> 应 输入 0 一 100 之 间 的 数 ! 
</asp:RangeValidator><br /> 
日 期 : <asp:TextBox ID="txtDate" runat="server"></asp:TextBox> 
<asp:RangeValidator ID="rvDate" runat="server" 
ControlToValidate="txtDate" MaximumValue="2018-1-1" 
MinimumValue="2017-1-1" Type="Date"> 日 期 错误 ! 
</asp:RangeValidator> 
</div> 
</form> 


… (上 略 ) 

操作 步骤 : 

在 Chap5 文件 夹 中 建立 Range.aspx, 添加 两 个 TextBox 控件 和 两 个 RangeValidator 控件 ， 
参考 源 程序 设置 各 控件 属性 。 最 后 ， 浏 览 Range.aspx 进行 测试 。 
S.2.4 RegularExpressionValidator 控件 


RegularExpressionValidator 控件 用 来 验证 输入 值 是 否 和 定义 的 正则 表达 式 相 匹配 ， 常 用 
来 验证 电话 号 码 、 邮 政 编码 、 电 子 邮件 地 址 等 。 定 义 的 语法 格式 如 下 : 


<asp:RegularExpressionValidator ID="RegularExpressionValidatorl" runat="server" 
ErrorMessage="RegularExpressionValidator"> 


</asp:RegularExpressionValidator> 


RegularExpressionValidator 控件 有 一 个 重要 的 ValidationExpression 属性 ， 用 来 确定 验证 
所 需 的 正则 表达 式 ， 如 图 5-8 所 示 。 


标准 表达 式 (S): 
(Custom) 





Internet URL 


Internet 电子 邮件 地 址 


德国 电话 号 码 去 
验证 表达 式 (E): 
\w+([-+:NWw+)@\Ww+([- JW) Ww+ (JWw+)* 


确定 | [ 取消 


























图 5-8 设置 ValidationExpression 属性 


实例 5-4 ”验证 电子 邮件 地 址 
如 图 5-9 和 图 5-10 所 示 , 当 输入 的 电子 邮件 地 址 不 符合 规则 , 再 单 击 “ 确 





定 ” 按 钮 后 显示 “邮箱 地 址 错误 !”， 和 否则 显示 “验证 通过 !”。 





























图 5-9 Regularaspx 浏览 效果 (1) 图 5-10 ”Regular.aspx 浏览 效果 (2) 


源 程序 ，Regular.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="Regular.aspx.cs" 
Inherits="Chap5 Regular" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
邮箱 : <asp:TextBox ID="txtMail" runat="server"></asp:TextBox> 
<asp:RegularExpressionValidator ID="revMail" runat="server" 
ControlToValidate="txtMail" 
ValidationExpression="\w+([-+."]\w+)*@\w+([—.]\w+)*\.\w+([-.]\w+)*"> 
邮箱 地 址 错误 ! </asp:RegularExpressionValidator><br /> 
<asp:Button ID="btnSsubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 ” /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 : Regularaspx.cs 





using System7 

using System.Web.UI7 

public partial class Chap5 Regular : System.Web.UI.Page 

{ 
protected void Btnsubmit Click(object sender, EventArgs e) 
{ 


【402 
SS -从 web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 


ss 一 | 





if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! "; 
} 
} 
} 


操作 步骤 : 

(1) 在 Chaps 文件 夹 中 建立 Regularaspx， 添 加 TextBox、RegularExpressionValidator、 
Button 和 Label 控件 各 一 个 。 如 图 5-8 所 示 ， 设 置 RegularExpressionValidator 控件 的 
ValidationExpression 属性 值 为 “Internet 电子 邮件 地 址 ” 参考 源 程序 设置 其 他 各 控件 属性 。 

(2) 建立 Regularaspx.cs。 最 后 ， 浏 览 Regularaspx 进行 测试 。 

注意 : 每 个 验证 控件 都 有 IsValid 属性 ， 若 一 个 页 面 上 有 多 个 验证 控件 ， 则 只 有 当 所 有 验 
证 控件 的 IsValid 属性 值 为 true 时 ，Page.IsValid 属性 值 才 为 true。 


5.2.5 ”CustomValidator 控件 


当 ASPNET 提供 的 验证 控件 无 法 满足 实际 需要 时 , 可 以 考虑 先 自 定义 验证 函数 , 再 通过 
CustomValidator 控件 调用 它 来 满足 需求 。 定 义 的 语法 格式 如 下 : 





<asp:CustomValidator ID="CustomValidatorl" runat="server" 
ControlToValidate="TextBoxl" ErrorMessage="CustomValidator"> 
</asp:CustomValidator> 


在 CustomValidator 控件 的 验证 过 程 中 ， 若 要 使 用 客户 端 验 证 ， 则 需要 设置 
ClientValidationFunction 属性 值 为 客户 端 验证 函数 名 , 并 且 要 设置 EnableClientScript 属性 的 值 
为 True; 若 使 用 服务 器 端的 验证 ， 则 通过 ServerValidate 事件 触发 ， 此 时 ， 需 
要 将 完成 验证 功能 的 代码 包含 在 事件 处 理 代码 中 。 不 管 使 用 何 种 验证 方式 ， 
都 可 通过 判断 CustomValidator 的 IsValid 属性 值 来 确定 是 否 通 过 验证 。 

实例 5-5 ”验证 必须 输入 一 个 偶数 

如 图 5-11 和 图 5-12 所 示 ， 输 入 一 个 数值 ， 单 击 “确定 ” 按 钮 后 判断 奇 

偶数 并 返回 验证 结果 。 具 体 实现 形式 包括 客户 端 验 证 、 服 务 器 端 验 证 和 混合 验证 三 种 形式 。 





| = 
有 
实例 5-5 





ry 4， Err err 






































不 是 一 个 偶数 ! 有 |i 数 值 : [ss 中 
确定 | 验证 通过 ! 
图 5-11 CustomClient.aspx 浏览 效果 (1) 图 5-12 ”CustomClient.aspx 浏览 效果 (2) 
1. 客户 端 验 证 


源 程序 ，CustomClient.aspx 





<%@ Page Language="C#" AutogventWireup="true" CodeFile="CustomClient.aspx.cs" 
Inherits="Chap5 CustomClient" 当 > 
<!DOCTYPE html> 
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<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 客 户 端 验 证 必须 输入 一 个 偶数 </title> 
<script> 
function clientValidate(source, args) { 
if ((args.Value % 2) == 0) 
args.IsValid = true; 
else 
args.IsValid = false; 
} 
</script> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
数值 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 
<asp:CustomValidator ID="cvInput" runat="server" 
ClientValidationFunction="clientValidate" 
ControlToValidate="txtInput"> 不 是 一 个 偶数 ! </asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" 
OnClick="Btnsubmit Click"” Text=" 确 定 " /> 
<asp:Label ID="]lblMsg" runat="server"></asp:Label> 
</div> 
</form> 
</body> 
</html> 


源 程序 : CustomClient.aspx.cs 
using System 
using System.Web.UI7 
public partial class Chap5 CustomClient : SYstem.Web.UI.Page 


{ 
protected void BtnSsubmit Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! "; 


有 


操作 步骤 : 
(1) 在 Chaps 文件 夹 中 建立 CustomClientaspx， 添 加 TextBox、CustomValidator、Button 
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和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 

(2) 在 CustomClient.aspx 的 “ 源 ” 视 图 中 输入 阴影 部 分 代码 。 

(3) 建立 CustomClient.aspx.cs。 最 后 ， 浏 览 CustomClient.aspx 进行 测试 。 

程序 说 明 : 

clientValidate0 函 数 中 的 source 表示 CustomValidator 控件 的 引用 ; args.Value 表示 获取 被 
验证 控件 的 值 ， 如 果 验 证 成 功 ， 则 需要 将 args.IsValid 设置 为 tue， 否 则 设置 为 false。 

2. 服务 器 端 验证 


源 程序 ，CustomServer.aspx 部 分 代码 


<%@ Page Language="C#" AutogventWireup="true" CodeFile="CustomServer.aspx.cs" 





Inherits="Chap5 CustomServer" 各 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
数值 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 
<asp:CustomValidator ID="cvInput" runat="server" 
ControlToValidate= "txtInput" 
OnServerValidate="CvInput ServerValidate"> 不 是 一 个 侦 数 ! 
</asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 " /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，CustomServer.aspx.cs 
using System; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
public partial class Chap5 CustomServer : System.Web.UI.Page 
{ 
protected void CvInput ServerValidate(object source, ServerValidateEventArgs 
args) 
{ 
int value = int.Parse (args.Value); // 获 取 被 验证 控件 中 输入 的 值 
if ((value % 2) == 0) 
{ 
args.IsValid = true; 
} 
else 
{ 
args.IsValid = false; 
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} 
} 
protected void BtnSsubmit Click(object sender, EventArgs e) 


{ 
if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! " 
} 
} 


程序 说 明 : 
当 单 击 “ 确 定 ” 按 钮 后 , 先 触 发 cvInput 的 ServerValidate 事件 ,再 触发 btnSubmit 的 Click 
事件 。 

3. 混合 验证 

混合 验证 实质 是 组 合 使 用 客户 端 和 服务 器 端 验证 ， 在 实现 时 既 要 设置 
ClientValidationFunction 属性 值 ， 又 要 编写 ServerValidate 事件 处 理 代码 。 这 种 验证 模式 既 照 
顾 了 用 户 体验 ， 又 满足 了 较 好 的 安全 性 。 若 客户 端 支 持 JavaScript， 则 首先 调用 
ClientValidationFunction 属性 值 指定 的 函数 实现 客户 端 验 证 ; 当 页 面 有 往返 时 ， 将 触发 
CustomValidator 控件 的 ServerValidate 事件 并 执行 其 中 的 事件 处 理 代码 实现 服务 器 端 验 证 。 若 
客户 端 不 支持 JavaScript， 则 不 会 执行 客户 端 验证 代码 ; 当 页 面 有 往返 时 ， 将 执行 服务 器 端 验 
证 代码 。 


S.2.6 ee 控件 


在 验证 控件 中 可 直接 显示 错误 信息 ， 而 ValidationSummary 控件 提供 了 汇总 其 他 验证 控 
件 错误 信息 的 方式 ， 即 汇 en ErrorMessage 属性 值 。 定 义 的 语法 格式 如 下 : 


长 





<asp:ValidationSummary ID="ValidationSummaryl" runat="server" /> 


ValidationSummary 控件 的 DisplayMode 属 性 指定 了 显示 信息 的 格式 , 值 分 别 为 BulletList、 
List 和 SingleParagraph。ShowMessageBox 属性 指定 是 否 在 一 个 弹出 的 消息 框 中 显示 错误 信息 
ShowSummary 属性 指定 是 否 启用 错误 信息 汇总 。 


实例 5-6 ”综合 运用 验证 控件 

如 图 5-13 所 示 ， 用 于 输入 用 户 名 信息 的 文本 框 使 用 了 RequiredField- 
Validator 控件 ;用 于 输入 密码 和 确认 密码 的 文本 框 都 使 用 了 RequiredField- 
Validator 控件 ， 以 防止 用 户 漏 填 信息 ， 同 时 还 使 用 了 CompareValidator 控件 验证 两 者 输入 的 
值 是 否 一 致 ， 用 于 输入 电话 号 码 的 文本 框 使 用 了 RegularExpressionValidator 控件 ， 当 用 户 输 
入 的 信息 格式 不 是 021-66798304 时 ， 就 会 产生 验证 错误 ; 用 户 输入 身份 证 号 的 文本 框 使 用 了 
CustomValidator 控件 ， 当 身份 证 号 中 包含 的 出 生年 月 格式 经 验证 无 效 时 产生 验证 错误 。 放 置 
的 ValidationSummary 控件 用 于 汇总 所 有 的 验证 错误 信息 。 当 上 述 验证 控件 出 现 验证 错误 时 ， 
焦点 会 定位 在 出 现 验证 错误 的 文本 框 中 。 











实例 5-6 
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-请 输入 用 户 名 ! 
- 密码 不 一 致 
和 - 格式 为 021-66798304 ! 
密码 不 一 致 - 请 输入 身份 证 号 ! 


0571-83456789 格式 为 021-66798304! 
[= 























图 5-13 ”MultiValidate.aspx 浏览 效果 


源 程序 ，MultiValidate.aspx 部 分 代码 





<%@ Page Language="C#" RutoEventWireup="true" CodeFile="MultiValidate.aspx.cs" 
Inherits="Chap5 MultiValidate" 各 > 
本 (上 略 ) 
<form id="form1"” runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvName" runat="server" 
ControlToValidate="txtName"” ErrorMessage=" 请 输入 用 户 名 ! " 
SetFocusOnError="True">* 
</asp:RequiredFieldValidator><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvPassword" runat="server" 
ControlToValidate="txtPassword"” ErrorMessage=" 请 输入 密码 ! " 
SetFocusOnError="True">* 
</asp:RequiredFieldValidator><br /> 
确认 密码 : <asp:TextBox ID="txtPasswordAgain" runat="server" 
TextMode="Password"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvPasswordAgain" runat="server" 
ControlToValidate="txtPasswordAgain" ErrorMessage=" 请 输入 确认 密码 ! " 
SetFocusOnError="True">*</asp:RequiredFieldValidator> 
<asp:CompareValidator ID="cvPassword" runat="server" 
ControlToCompare="txtPassword" ControlToValidate="txtPasswordAgain" 
ErrorMessage=" 密 码 不 一 致 ! " SetFocusOnError="True"> 
</asp:CompareValidator><br /> 
电话 号 码 : <asp:TextBox ID="txtTelephone" runat="server"></asp:TextBox> 
<asp:RequiredFieldValidator ID="rfvTelephone" runat="server" 
ControlToValidate="txtTelephone"” ErrorMessage=" 请 输入 电话 号 码 ! " 
SetFocusOnError="True">* 
</asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID="revTelephone" runat="server" 
ControlToValidate="txtTelephone" ErrorMessage=" 格 式 为 021-66798304! " 
SetFocusOnError="True" ValidationExpression="\d{3}-\d{8}"> 
</asp:RegularExpressionValidator><br /> 
身份 证 号 : <asp:TextBox ID="txtIdentity" runat="server"></asp:TextBox> 














<asp:RequiredFieldValidator ID="rfvIdentity" Tunat="serVer" 
ControlToValidate="txtIdentity"” ErrorMessage=" 请 输入 身份 证 号 ! " 
SetFocusOnError="True">* 





</asp:RequiredFieldValidator> 
<asp:CustomValidator ID="cvIdentity" runat="server" 
ControlToValidate="txtIdentity"” ErrorMessage=" 身 份 证 号 错误 ! " 
OnServerValidate="CvInput ServerValidate" SetFocusOnError="True"> 
</asp:CustomValidator><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 " /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
<asp:ValidationSummary ID="ValidationSummaryl" runat="server" 
ShowMessageBox="True" ShowSummary="False" /> 
</div> 
</form> 


… ( 略 ) 


源 程序 ， MultiValidate.aspx.cs 
using System; 
using System.Web.UI7 
using System.Web.UI.WebControls; 
public partial class Chap5 _ MultiValidate : System.Web.UI.Page 
{ 
protected void CvInput ServerValidate(object source, ServerValidateEventArgs 
args) 
{ 
string strID = args.Value; // 获 取 输 入 的 身份 证 号 
true; // 验 证 控件 状态 初始 设置 为 “通过 ” 


args.IsValid 
try 
{ 
// 获 取 身 份 证 号 中 的 出 生日 期 并 转换 为 DateTime 类 型 
DateTime .Parse (strID.Substring(6, 4) + "-" + strID.Substring(10, 2) + 
WN + trID,. Substring(12, 23 
} 
catch 
{ 
args.IsValid = false; // 若 转换 出 错 ， 则 验证 未 通过 


} 
protected void Btnsubmit Click(object sender, EventArgs e) 
{ 
lblMsg.Text = ""; 
if (Page.IsValid) 
{ 
lblMsg .Text = "验证 通过 ! "; 
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} 
} 


操作 步骤 : 

(1) 在 Chaps 文件 夹 中 建立 MultiValidate.aspx， 添 加 五 个 TextBox 控件 、 五 个 Required- 
FieldValidator 控件 以 及 CompareValidator、RegularExpressionValidator 、CustomValidator、 
ValidationSummary、Button 和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 

(2) 建立 MultiValidate.aspx.cs。 最 后 ， 浏 览 MultiValidate.aspx 进行 测试 。 

程序 说 明 : 

车 页 面 中 有 其 他 验证 控件 未 通过 验证 ， 则 单 击 “ 确 定 ” 按 钮 后 CustomValidator 控件 的 
ServerValidate 事件 不 会 被 触发 。 
因为 设置 了 ValidationSummary 控件 的 ShowMessageBox 属性 值 为 True 和 ShowSummary 
属性 值 为 False， 所 以 汇总 的 验证 错误 信息 未 在 页 面 上 显示 而 是 以 对 话 框 的 形式 显示 。 
因为 设置 了 所 有 验证 控件 的 SetFocusError 属性 值 为 True, 所 以 若 有 某 个 验证 控件 未 通过 
验证 ， 此 时 光标 会 定位 到 被 验证 的 文本 框 中 。 














S.3 小 结 


本 章 从 Web 窗 体验 证 入 手 , 介绍 窗 体 验证 的 不 同形 式 和 特点 。 为 给 用 户 提 供 尽快 地 响应 
同时 保证 验证 的 安全 性 ， 在 窗 体验 证 时 常 需 同时 使 用 客户 端 和 服务 器 端 验证 。ASPNET 的 验 
证 控件 包括 RequiredFieldValidator、CompareValidator、RangeValidator、RegularExpression- 
Validator、CustomValidator 和 ValidationSummary， 分 别提 供 了 “必须 输入 ”验证 、 比 较 验 证 、 
范围 验证 、 正 则 表达 式 验证 、 自 定义 验证 和 汇总 其 他 验证 控件 错误 的 功能 。 为 达到 一 定 的 验 
证 效果 ， 实 际 使 用 时 对 同一 个 控件 可 能 使 用 多 个 验证 控件 。 


5.4 习 题 


1. 填空 题 

(1) 窗 体验 证 包括 和 _ 两 种 形式 。 

(2) 判断 页 面 的 属性 值 可 确定 整个 页 面 的 验证 是 否 通过 。 

(3) 若 页 面 中 包含 验证 控件 ， 可 设置 按钮 的 属性 ， 使 得 单 击 该 按钮 后 不 会 引发 
验证 过 程 。 








(4) 若 要 对 页 面 中 包含 的 控件 分 成 不 同 的 组 进行 验证 ， 则 应 将 这 些 控件 的 属性 
设置 为 相同 值 。 

(5) 通过 正则 表达 式 定义 验证 规则 的 控件 是 a 

(6) 设置 属性 指定 被 验证 控件 的 ID。 

2. 是 非 题 

(1) 如 果 客 户 端 禁用 JavaScript， 则 验证 必须 采用 服务 器 端 形式 。 fr 

(2) 服务 器 端 验证 是 为 了 保证 给 用 户 较 快 的 响应 速度 。 二 


(3) 要 执行 客户 端 验证 必须 设置 验证 控件 的 EnableClientScript 属性 值 为 Tue。 ( ) 
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(4) CompareValidator 控件 不 能 用 于 验证 数据 类 型 。 ( ) 
(5) 使 用 CompareValidator 控件 时 ， 可 同时 设置 ControlToCompare 和 ValueToCompare 
属性 的 值 。 & 
(6) CustomValidator 控件 的 ServerValidate 事件 只 有 在 页 面 上 所 有 其 他 验证 控件 都 通过 
验证 后 才 可 能 被 触发 。 ( ) 
3. 选择 题 


(1) 下 面 对 ASPNET 验证 控件 说 法 正确 的 是 Yes 
A. 可 以 在 客户 端 直接 验证 用 户 输入 的 信息 并 显示 错误 信息 
B. 对 一 个 下 拉 列 表 控 件 不 能 使 用 验证 控件 
C. 服务 器 验证 控件 在 执行 验证 时 必定 在 服务 器 端 执 行 
D. 对 验证 控件 ， 不 能 自 定义 规则 
(2) 下 面 对 CustomValidator 控件 说 法 错误 的 是 ( Ns 
A. 能 使 用 自 定义 的 验证 函数 
B. 可 以 同时 添加 客户 端 验证 函数 和 服务 器 端 验证 函数 
C. 指定 客户 端 验证 的 属性 是 ClientValidationFunction 
D. runat 属性 用 来 指定 服务 器 端 验证 函数 
(3) 使 用 ValidatorSummary 控件 需要 以 对 话 框 形 式 显示 错误 信息 ， 则 应 ( Ys 
A. 设置 ShowSummary 属性 值 为 Tue B. 设置 ShowMessageBox 属性 值 为 True 
C. 设置 ShowSummary 属性 值 为 False ”DD. 设置 ShowMessageBox 属性 值 为 False 
(4) 如 果 需 要 确保 用 户 输入 大 于 100 的 值 ， 应 该 使 用 ( ) 验证 控件 。 


A. RequiredFieldValidator B. RangeValidator 
C. CompareValidator D. RegularExpressionValidator 
4. 上 机 操作 题 


(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 对 第 4 章 设计 的 注册 页 面 添 加 适当 的 验证 控件 。 
(3) 自行 设计 界面 ， 使 用 ValidationGroup 属性 实现 同一 个 页 面 的 分 组 验证 功能 。 





HTTP 请 求 、 响 应 及 状态 管理 


本 章 要 点 : 

。 掌握 HttpRequest 对 象 的 应 用 。 

* 掌握 HttpResponse 对 象 的 应 用 。 

。 掌握 HttpServerUtility 对 象 的 应 用 ， 理 解 不 同方 法 的 页 面 重 定向 。 

。 掌握 跨 页 面 提 交 的 应 用 。 了 解 ViewState、HiddenField, 掌握 Cookie、Session、Application 
的 应 用 。 


6.1 HTTP 请 求 


对 ASPNET 页 面 而 言 ,需要 根据 用 户 的 请 求 来 生成 响应 ,ASPNET 通 过 Page 类 的 Request 
属性 能 很 好 地 控制 请 求 数据 ， 如 访问 客户 端的 浏览 器 信息 、 查 询 字符 串 、Cookie 等 
际 上 , Page 类 的 Request 属性 值 是 HttpRequest 类 的 一 个 个 实例 对 象 ， 它 封 装 了 HTTP 请 求 信 息 。 
具体 使 用 时 ， 常 访问 HttpRequest 类 的 数据 集合 ， 如 表 6-1 所 示 。 


表 6-1 HttpRequest 类 的 数据 集合 对 应 表 











数据 集合 说 明 
Browser 获得 客户 端 浏览 器 信息 
Cookies 获得 客户 端的 Cookie 数据 
QueryString 从 查询 字符 串 中 读 取 用 户 提交 的 数据 
ServerVariables 获得 服务 器 端 或 客户 端的 环境 变量 信息 


在 使 用 HttpRequest 类 的 实例 时 ， 常 通过 Page 类 的 Request 属性 直接 调用 ， 所 以 要 获取 
HttpRequest 类 的 Browser 数据 集合 的 语法 格式 常 写 为 : Request.Browser。 

1. QueryString 数据 集合 

利用 QueryString 数据 集合 获得 的 查询 字符 串 是 指 跟 在 URL 后 面 的 变量 及 值 , 它们 以 “?” 
与 URL 间隔 ， 不 同 的 变量 之 间 以 “&” 间 隔 。 


实例 6-1 利用 QueryString 在 页 面 间 传 递 数据 信息 
如 图 6-1 和 图 6-2 所 示 ， 当 单 击 QueryString1.aspx 页 面 上 链接 后 ， 页 
被 重 定向 到 QueryString2.aspx; 在 页 面 QueryString2.aspx 中 显示 
QueryString1.aspx 传递 过 来 的 查询 字符 串 数据 信息 。 








EY 


< 


用 张 三 ， 你 的 年 龄 是 : 23 





图 6-1 QueryStringl.aspx 浏览 效果 图 6-2 显示 查询 字符 串 值 效果 
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源 程序 : QueryStringl.aspx 部 分 代码 





<%@ Page Language="C#"”RutoEventWireup="true"” CodeFile="QueryStringl.aspx.cs" 
Inherits="Chap6 QueryStringl" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:HyperLink ID="hlkQueryString" runat="server" 
NavigateUrl="~/Chap6/QueryString2.aspx?username= 张 三 &age=23"> 
传递 查询 字符 串 到 QueryString2.aspx</asp:HyperLink> 
</div> 
</form> 


… (上 略 》 


源 程序 ，QueryString2.aspx 部 分 代码 

<%@ Page Language="C#" AutogventWireup="true" CodeFile="QueryString2.aspx.cs" 
Inherits="Chap6 QueryString2" 各 > 
… (上 略 》 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… ( 略 ) 


源 程序 : QueryString2.aspx.cs 
using System; 
public partial class Chap6 QueryString2 : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
// 获 取 从 QueryString1 .aspx 中 传递 过 来 的 查询 字符 串 值 
lblMsg.Text = Request .QueryString["username"] + "， 你 的 年 龄 是 : " 
+ Request.QueryString["age"]; 


} 


2. ServerVariables 数据 集合 

利用 ServerVariables 数据 集合 可 以 很 方便 地 获取 服务 器 端 或 客户 端的 环境 变量 信息 ， 如 
客户 端的 卫 地 址 等 。 语 法 格式 为 : Request.ServerVariables[" 环 境 变量 名 "]。 常 用 的 环境 变量 
如 表 6-2 所 示 。 

3. Browser 数据 集合 

Browser 数据 集合 用 于 返回 用 户 的 浏览 器 类 型 、 版 本 等 信息 ， 以 便 根据 不 同 的 浏览 器 编 
写 不 同 的 页 面 。 语 法 格式 为 : RequestBrowser[" 浏 览 器 特性 名 "]。 常 用 的 浏览 器 特性 名 如 表 
6-3 所 示 。 
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表 6-2 常用 的 环境 变量 表 











环境 变量 名 说 上 明 
LOCAL ADDR 服务 器 端的 下 地址 
PATH TRANSLATED 当前 页 面 在 服务 器 端的 物理 路 径 
REMOTE ADDR 客户 端 卫 地 址 
REMOTE HOST 客户 端 计算 机 名 
SERVER _ NAME 服务 器 端 计算 机 名 














SERVER PORT 服务 器 端 网 站 的 端口 号 
表 6-3 浏览 器 特性 名 对 应 表 
名 称 说 明 
ActiveXControls 逻辑 值 ，true 表示 支持 ActiveX 控件 
Browser 浏览 器 类 型 
Cookies 逻辑 值 ，true 表示 支持 Cookies 
JavaScript 逻辑 值 ，true 表示 支持 JavaScript 
MajorVersion 浏览 器 主 版 本 号 
MinorVersion 浏览 器 次 版 本 号 
Version 浏览 器 版 本 号 


实例 6-2 ”利用 ServerVariables 和 Browser 返回 服务 器 端 和 客户 端 信息 
如 图 6-3 所 示 ， 本 实例 利用 ServerVariables 和 Browser 返回 服务 器 端 和 客户 端的 部 分 
信息 。 


| 
用 愿 利用 severvariablesne-. 


服务 器 下地 址 : ::1 

客户 端 耻 地址 : ::1 

浏览 器 类 型 : InternetExplorer 窑 俩 | 6 

浏 交加 版 本 11.0 实例 62 
否 支 持 Cookies: true 





图 6-3 Requestaspx 浏览 效果 


源 程序 : Requestaspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="Request.aspx.cs" 





Inherits="Chap6 Request" $%> 
…( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


…( 略 ) 


源 程序 .Request.aspx.cs 
using System; 
public partial class Chap6 Request : System.Web.UI.Page 
{ 
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protected void Page Load (object sender, EventArgs e) 

{ 
lblMsg .Text = "服务 器 IP 地 址 : " + Request.ServerVariables["LOCAL ADDR"] 
$b fo 
lblMsg .Text += "客户 端 IP 地 址 : " + Request.ServerVariables ["REMOTE ADDR"] 
+ DR /oy 
lblMsg .Text += "浏览 器 类 型 : " + Request.Browser["Browser"] + "<br />"; 
lblMsg .Text += "浏览 器 版 本 : " + Request.Browser["Version"] + "<br />"; 
lblMsg .Text += "是 否 支 持 Cookies: " + Request.Browser["Cookies"]; 


. 


注意 : 图 6-3 是 在 VSC 2017 中 浏览 Request.aspx 后 的 效果 图 ， 因 此 ， 服务 器 端 和 客户 端 
的 卫 地 址 都 为 本 机 地 址 。 其 中 ,“::1?” 表示 IPv6 格式 的 本 机 地 址 。 一 旦 将 网 站 发 布 到 安装 IIS 
7.5 的 Web 服务 器 后 ， 再 从 其 他 的 客户 端 访问 页 面 将 看 到 不 同 的 地 址 。 


6.2 HTTP 响应 


ASPNET 通过 Page 类 的 Response 属性 可 以 很 好 地 控制 输出 的 内 容 和 方式 ， 如 页 面 重 定 
向 、 保 存 Cookie 等 。 实际 上 ，Page 类 的 Response 属性 值 是 HttpResponse 类 的 一 个 实例 对 象 ， 
其 常用 的 属性 和 方法 如 表 6-4 所 示 。 


表 6-4 HttpResponse 类 的 常用 属性 和 方法 表 


成 员 说 明 
Cookies 属性 添加 或 修改 客户 端的 Cookie 
AppendToLog() 方 法 “| 将 自 定义 日 志 信息 添加 到 IS 日志 文件 中 
End0 方 法 终止 页 面 的 执行 
Redirect0) 方 法 页 面 重 定向 ， 可 通过 URL 附加 查询 字符 串 实现 不 同 页 面 之 间 的 数据 传递 
Write0 方 法 在 页 面 上 输出 信息 


实例 6-3 ”利用 Write0 方 法 输出 XHTML 文本 
利用 Write0 方 法 除 可 以 输出 提示 信息 、 变量 值 外 , 还 可 以 输出 XHTML 文本 或 JavaScript 
脚本 等 。 如 图 6-4 所 示 ， 页 面 的 信息 由 Write0 方 法 输出 。 


= Z| 


我 喜欢 ASP NETI 


我 喜欢 ASPNETI 





我 喜欢 ASPNETI 





图 6-4 Write.aspx 浏览 效果 


源 程序 :Write.aspx 部 分 代码 
<sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="Write.aspx.cs" 
Inherits="Chap6 Write" 委 > 


… ( 咯 ) 
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源 程序 .Write.aspx.cs 





using System; 
public partial class Chap6 Write : System.Web.UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 


{ 
for (int i = 10; i <= 18; i += 4) 
{ 
Response.Write("<p style=\"font-size:" + i.ToString() + "px\"> 
我 喜欢 RSP.NET!</p>") 7 


} 

程序 说 明 : 

for 循环 执行 完 后 向 浏览 器 输出 的 XHTML 文本 如 下 : 
<p style="font-size:10px"> 我 喜欢 RSP.NET!</p> 


<p style="font-size:14px"> 我 喜欢 RSP.NET!</p> 
<p style="font-size:18px"> 我 喜欢 RSP.NET1!</P> 


其 中 ,“"” 的 输出 需要 转 义 符 \'， 即 在 源 程序 中 必须 写成 “\”。 


实例 6-4 利用 Redirect0 方 法 重 定向 页 面 
如 图 6-5 和 图 6-6 所 示 ， 选 择 “ 教 师 ” 后 单 击 “ 确 定 ” 按 钮 ， 页 面 将 被 实例 6-4 
重 定向 到 教师 页 面 Teacheraspx。 














中 leaf 老 师 ， 欢 迎 您 ! 























图 6-5 Redirect.aspx 浏览 效果 图 6-6 重 定 向 到 教师 页 面 效 果 


源 程序 ， Redirectaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true"” CodeFile= 
Inherits="Chap6 Redirect" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 





Redirect.aspx.cs" 


<asp:RadioButtonList ID="rdoltStatus" runat="server" 
RepeatDirection="Horizontal"> 

<asp:ListItem Value="teacher"> 教 师 </asp:ListItem> 

<asp:ListItem Value="student"> 学 生 </asp:ListItem> 
</asp:RadioButtonList> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
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Text=" 确 定 "” /> 
</form> 


… (上 略 ) 


源 程序 Redirect.aspx.cs 





using System; 
public partial class Chap6 Redirect : System.Web.UI.Page 


{ 
protected void BtnSsubmit Click(object sender, EventArgs e) 


{ 
if (rdoltstatus.SelectedValue == "teacher") 


{ 
// 以 查询 字符 串 形式 传递 用 户 名 信息 并 且 被 重 定向 到 Teacher .aspx 
Response.Redirect ("~/Chap6/Teacher.aspx?name=" + txtName.Text); 


3 


else 


{ 
Response.Redirect ("~/Chap6/Student .aspx?name=" + txtName.Text); 


} 


源 程序 ，Teacher.aspx 部 分 代码 

<%@ Page Language="C#" AutogventWireup="true" CodeFile="Teacher.aspx.cs" 
Inherits="Chap6_ Teacher" %> 
… (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 
</form> 
人 ( 略 ) 


源 程序 : Teacheraspx.cs 
using System 
public partial class Chap6_Teacher : System.Web.UI.Page 


{ 
protected void Page Load(object sender, EventArgs e) 
{ 
// 获 取 并 且 显 示 从 Redirect .aspx 页 面 传递 过 来 的 用 户 名 信息 
lblMsg.Text = Request.QueryString["name"] + "老师 ， 欢 迎 您 ! "; 


6.3 HttpServerUtility 


在 ASPNET 中 ，Page 类 的 Server 属性 封装 了 服务 器 端的 一 些 操作 ， 如 将 XHTML 元 素 
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标记 转换 为 字符 实体 ， 获 取 页 面 的 物理 路 径 等 。 实 际 上 ，Page 类 的 Server 属性 值 是 
HttpServerUtility 类 的 一 个 实例 对 象 ， 其 常用 的 属性 和 方法 如 表 6-5 所 示 。 


表 6-5 HttpServerUtility 类 的 常用 属性 和 方法 表 


























属性 和 方法 说 明 

ScriptTimeOut 属性 设置 页 面 执行 的 最 长 时 间 ， 单 位 为 秒 

Ex i 停止 执行 当前 页 面 ， 转 到 并 且 执 行 新 页 面 ， 执 行 完毕 后 返回 原 页 面 ， 继 续 执行 后 
ecute() 方 法 续 语句 

HtmlEncode0 方 法 将 字符 串 中 的 XHTML 元 素 标记 转换 为 字符 实体 ， 如 将 “<” 转 换 为 “&lt” 

MapPath0 方 法 获取 页 面 的 物理 路 径 

Transfer() 方 法 停止 执行 当前 页 面 ， 转 到 并 且 执 行 新 页 面 ， 执 行 完 毕 后 不 再 返回 原 页 面 

U 村 将 字符 串 中 某 些 特殊 字符 转换 为 URL 编码 ， 如 将 “/” 转 换 为 “%2f”， 空 格 转换 
rlEncode0 方 法 


为 “+” 





Response.Redirect()、Server.Execute() 和 Server.Transfer() 都 能 实现 页 面 重 定向 ， 但 区 别 
如 下 : 

(1) Redirect() 方 法 尽管 在 服务 器 端 执 行 ， 但 重 定向 实际 发 生 在 客户 端 ， 可 从 浏览 器 地 址 
栏 中 看 到 地 址 变化 ; 而 Execute0 和 Transfer() 方 法 的 重 定向 实际 发 生 在 服务 器 端 , 在 浏览 器 的 
地 址 栏 中 看 不 到 地 址 变化 。 

(2) Redirect0 和 Transfer0 方 法 执行 完 新 页 面 后 ， 并 不 返回 原 页 面 ; 而 Execute() 方 法 执行 
完 新 页 面 后 会 返回 原 页 面 继续 执行 。 

(3) Redirect( 方 法 可 重 定向 到 同一 网 站 的 不 同 页 面 ， 也 可 重 定向 到 其 他 网 站 的 页 面 ， 而 
Execute() 和 Transfer() 方 法 只 能 重 定向 到 同一 网 站 的 不 同 页 面 。 

(4) 利用 Redirect0 方 法 在 不 同 页 面 之 间 传 递 数 据 时 ， 状 态 管理 采用 查询 字符 串 形式 ; 而 
Execute0 和 Transfer( 方 法 的 状态 管理 方式 与 Button 类 型 控件 的 跨 页 面 提交 方式 相同 , 详细 内 
容 请 参考 6.4 节 。 





实例 6-5 运用 HttpServerUtility 对 象 
如 图 6-7 所 示 , ServerHtmlEncode( 方 法 常用 于 在 页 面 上 输出 XHTML 元 


素 。 若 直接 输出 ,浏览 器 会 将 这 些 XHTML 元 素 解释 输出 。Server.UrlEncode() 实例 6-5 
常用 于 处 理 URL 地 址 ， 如 地 址 中 包含 空格 等 。 单 击 Student.aspx 链接 时 呈现 

如 图 6-8 所 示 的 界面 ， 将 丢失 “ 张 ” 后 面 的 信息 。 单 击 Student.aspx(UrlEncode) 链 接 时 呈现 如 
图 6-9 所 示 的 界面 ， 因 使 用 了 ServerUrlEncode() 方 法 不 再 丢失 “ 张 ” 后 面 的 信息 。 


OW 


4 > Er pr 





Student. aspx 
Student.aspx(UrlEncode) 





图 6-7 Serveraspx 浏览 效果 


-wm 


Ce Se po ore | 





图 6-8 未 使 用 UrlEncode0 效 果 图 6-9 使 用 UrlEncode0 效 果 


@ 
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源 程序 : Serveraspx 部 分 代码 


<%sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="Server.aspx.cs" 





Inherits="Chap6 Server" 和 > 


…( 略 ) 


源 程序 :Serveraspx.cs 
using System; 
public partial class Chap6 Server : System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
// 直 接 输 出 时 浏览 器 将 <hr /> 解释 为 一 条 直线 
Response.Write ("This is a dog <hr />"); 
// 编 码 后 浏览 器 将 <hr /> 解释 为 一 般 字符 
Response.Write (Server.HtmlEncode ("This is a dog <hr />") + "<br />"); 
// 单 击 链接 时 将 丢失 “ 张 ” 后 面 的 信息 
Response.Write ("<a href=Student.aspx?name= 张 三 >Student .aspx</a><br />") 7 
// 编 色 后 青 单 击 链接 时 不 会 丢失 “ 张 ” 后 面 的 信息 
Response.Write ("<a href=Student .aspx?name=" + Server.UrlEncode (" 张 三 ") 
+ ">Student.aspx (UrlEncode) </a>"); 


6.4” 跨 页 面 提交 


要 实现 页 面 重 定 向 ， 在 ASPNET 页 面 中 可 以 采用 <a> 元 素 、HyperLink 控件 、Response. 
Redirect()、Server.Execute() 和 Server.Transfer() 方 法 。 利 用 Button 类 型 控件 实现 跨 页 面 提交 是 
另 一 种 实现 页 面 重 定向 的 方法 。 

在 实现 跨 页 面 提交 时 ， 需 要 将 源 页 面 上 Button 类 型 控件 的 PostBackUrl 属性 值 设置 为 目 
标 页 面 路 径 。 而 在 目标 页 面 上 ， 需 要 在 页 面 头 部 添加 @ PreviousPageType 指令 ， 并 设置 
VirtualPath 属性 值 为 源 页 面 路 径 。 

在 目标 页 面 上 访问 源 页 面 中 数据 的 方法 有 两 种 : 一 是 利用 PreviousPage.FindControl() 方 
法 访问 源 页 面 上 的 控件 ; 二 是 先 在 源 页 面 上 定义 公共 属性 , 青 在 目标 页 面 上 利用 “PreviousPage. 
属性 名 ”获取 源 页 面 中 数据 。 

注意 : 使 用 Server.Execute() 和 Server Transfer( 方 法 时 ， 目 标 页 面 也 是 通过 PreviousPage 
访问 源 页 面 的 。 那 么 如 何 区 分 是 跨 页 面 提交 还 是 调用 了 ServerExecute0) 或 Server.Transfer() 方 
法 呢 ? 这 就 需要 在 目标 页 面 的 .cs 文件 中 判断 PreviousPage. IsSCrossPagePostBack 属性 值 . 如果 
是 跨 页 面 提交 ， 那 么 IsCrossPagePostBack 属性 值 为 true; 如 果 是 调用 Server.Execute() 或 
Server.Tranfer() 方 法 ， 那 么 IsSCrossPagePostBack 属性 值 为 false。 回 


实例 6-6 ”运用 跨 页 面 提交 技术 
如 图 6-10 和 图 6-11 所 示 , 在 Crossl.aspx 中 输入 用 户 名 、 密码 后 单 击 “ 确 
定 ” 按 钮 ， 将 通过 跨 页 面 提交 技术 重 定向 到 Cross2.aspx， 并 且 显 示 在 。 实例 66 














Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 


| 


Crossl.aspx 中 输入 的 数据 信息 。 








密码 : 123asd@~d 





























图 6-10 Crossl.aspx 浏览 效果 图 6-11 显示 提交 的 信息 效果 


源 程序 ，Crossl.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Crossl.aspx.cs" 
Inherits="Chap6 Crossl" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 ; <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" 
PostBackUr1="~/Chap6/Cross2.aspx" Text=" 确 定 " /> 
</div> 
</form> 


… ( 略 ) 


源 程序 : Cross1.aspx.cs 
public partial class Chap6 Crossl : System.Web.UI.Page 


{ 
public string Name // 公 共 属 性 Name， 获 取 用 户 名 文本 框 中 内 容 


{ 
get { return txtName.Text; } 


源 程序 :Cross2.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="Cross2.aspx.cs" 
Inherits="Chap6 Cross2" 和 > 
<sQ@ PreviousPageType VirtualPath="~/Chap6/Crossl.aspx" > 
… ( 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… ( 略 ) 
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源 程序 :Cross2.aspx.cs 





using System 
using System.Web.UI.WebControls; 
public partial class Chap6 Cross2 : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (PreviousPage.IsCrossPagePostBack)  // 判 断 是 否 为 跨 页 面 提交 
{ 
// 通 过 公共 属性 获取 值 
lblMsg .Text = "用 户 名 : " + PreviousPage.Name + "<br />"; 
// 先 通过 FindControl () 找到 源 页 面 中 控件 ， 再 利用 控件 属性 获取 值 
TextBox txtPassword = (TextBox)PreviousPage.FindControl ("txtPassword"); 
lblMsg .Text += "密码 : " + txtPassword.Text; 
1 
} 
. 


操作 步骤 : 

(1) 在 Chap6 文件 夹 中 建立 Crossl.aspx， 添 加 两 个 TextBox 控件 和 一 个 Button 控件 ， 参 
考 源 程序 设置 各 控件 属性 。 

(2) 在 Chap6 文件 夹 中 建立 Crossl.aspx.cs。 

(3) 在 Chap6 文件 夹 中 建立 Cross2.aspx， 添 加 一 个 Label 控件 。 在 “ 源 ” 视 图 中 输入 阴 
影 部 分 代码 。 

(4) 建立 Cross2.aspx.cs。 最 后 ， 浏 览 Crossl.aspx 进行 测试 。 


6.5 状态 管理 


在 实现 页 面 重 定向 和 跨 页 面 提 交 时 ， 已 涉及 一 些 数据 需要 从 一 个 页 面 传递 到 另 一 个 页 
面 ， 这 些 实际 上 就 是 状态 管理 的 一 部 分 。 本 节 将 介绍 状态 管理 的 其 他 形式 。 

ASPNET 的 状态 管理 分 为 客户 端 和 服务 器 端 两 种 。 客 户 端 状态 管理 是 将 状态 数据 保存 在 
客户 端 计算 机 上 ， 当 客户 端 向 服务 器 端 发 送 请 求 时 ， 状 态 数据 会 随 之 发 送 到 服务 器 端 。 具 体 
实现 时 可 选择 ViewState、ControlState、HiddenField、Cookie 和 查询 字符 串 , 其 中 ControlState 
只 能 用 于 自 定义 控件 的 状态 管理 。 服 务 器 状态 管理 是 将 状态 数据 保存 在 服务 器 上 。 具 体 实 现 
时 可 选择 Session 状态 、Application 状态 或 数据 库 形式 。 相 比较 而 言 ， 客 户 端 状态 由 于 状态 
数据 保存 在 客户 端 ， 所 以 不 消耗 服务 器 内 存 资 源 ， 但 容易 泄露 数据 信息 ， 安 全 性 较 差 。 而 服 
务 器 端 状态 将 消耗 服务 器 端 内 存 资源 ， 但 具有 较 高 的 安全 性 。 


6.5.1 ViewState 


ViewState 又 称 为 视图 状态 ， 用 于 维护 Web 窗 体 自 身 的 状态 。 当 用 户 请 求 ASPNET 页 面 
时 ，ASPNET 将 ViewState 封装 为 一 个 或 几 个 隐藏 的 表单 域 传 递 到 客户 端 。 当 用 户 再 次 提交 
页 面 时 , ViewState 也 将 被 提交 到 服务 器 端 ,这 样 后 续 的 请 求 就 可 以 获得 上 一 次 请 求 时 的 状态 。 
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要 直观 地 查看 ViewState 形式 ， 可 在 客户 端 浏览 ASPNET 页 面 时 ， 从 浏览 器 中 选择 “ 查 
看 ”一 “ 源 ”命令 。 下 面 的 代码 片段 即 是 一 个 ViewState。 
<input type="hidden" name=" VIEWSTATE" id=" VIEWSTATE" 


value="/wEPDwUJODExMDES5NzY5D2QWAgIDD2QWAgIBDw8WAh4EVGV4dAUXc3PogI 
HluIjvvIizmrKLov47mgqjvvIFkZGSDrmXXxayfKeURWXh0SS5ZDR3noQ==" /> 


如 果 页 面 上 的 控件 很 多 ，ViewState 就 可 能 很 长 。 显然， 如 果 每 次 在 客户 端 和 服务 器 端 之 
间 传 输 大 量 状态 数据 ， 将 影响 网 站 性 能 和 用 户 感受 。 因 此 ， 对 于 没有 必要 维持 状态 的 页 面 和 
控件 ， 就 应 禁用 ViewState。 设 置 EnableViewState 属性 值 为 False 可 实现 禁用 ViewState 的 日 
的 。 例 如 ， 设 置 TextBox 控件 禁用 ViewState 的 代码 如 下 : 


<asp:TextBox ID="txtName" runat="server" EnableViewState="False"></asp:TextBox> 


如 果 要 禁用 整个 页 面 的 ViewState， 就 要 用 到 @ Page 指令 ， 如 : 





<%@ Page EnableViewState="false" Language="C#" AutoEventWireup="true" 
CodeFile="Default.aspx.cs" Inherits="Chap6 Default" %> 


6.5.2 ”HiddenField 控件 


HiddenField 又 称 隐藏 域 ， 用 于 维护 Web 窗 体 自身 的 状态 。 作 为 隐藏 域 ， 它 不 会 显示 在 
用 户 的 浏览 器 中 , 但 可 以 像 设置 标准 控件 的 属性 那样 设置 其 属性 。HiddenField 控件 的 成 员 主 
要 有 Value 属性 和 ValueChanged 事件 。 

注意 : 要 触发 ValueChanged 事件 ， 需 设置 HiddenField 控件 的 EnableViewState 属性 值 
为 False。 


6.5.3 Cookie 


Cookie 是 保存 在 客户 端 硬 盘 或 内 存 中 的 一 小 段 文本 信息 ， 如 网 站 、 用 户 、 会 话 等 有 关 的 
信息 。 一 种 典型 的 用 途 是 通过 Cookie 保存 用 户 是 否 已 登录 的 信息 。 这样， 在 其 他 页 面 只 要 判 
断 相 应 的 Cookie 值 就 能 知道 用 户 是 否 已 经 登录 。 

Cookie 与 网 站 关联 ， 而 不 是 与 特定 的 页 面 关 联 。 因 此 ， 无 论 用 户 请 求 网 站 中 的 哪 一 个 页 
面 , 浏览 器 和 服务 器 都 将 交换 Cookie 信息 。 当 用 户 访问 不 同 网 站 时 ， 各 个 网 站 都 有 可 能 会 向 
用 户 的 浏览 器 发 送 一 个 Cookie， 浏 览 器 会 分 别 存储 不 同 网 站 的 Cookie。 

可 以 在 客户 端 修改 Cookie 设置 和 禁用 Cookie。 当 用 户 的 浏览 器 关闭 了 对 Cookie 的 支持 ， 
但 又 要 使 用 Cookie 时 ,只 需 在 Web.config 文件 的 <system.web> 元 素 中 加 入 以 下 任意 一 行 语句 : 





<sessionState cookieless="AutoDetect"> 


<sessionState cookieless="UseUri"> 


在 Windows 7 操作 系统 中 ，Cookie 文本 文件 存储 于 “%userprofile%\AppData\Roaming\ 
Microsoft\Windows\Cookies” 文 件 夹 中 。 可 以 用 记事 本 打开 Cookie 文本 文件 进行 查看 。 

ASPNET 提供 System.Web.HttpCookie 类 来 处 理 Cookie, 常用 的 属性 是 Value 和 Expires。 
Value 属性 用 于 获取 或 设置 Cookie 值 ，Expires 用 于 设置 Cookie 到 期 时 间 。 每 个 Cookie 一 般 
都 会 有 一 个 有 效 期 限 , 当 用 户 访问 网 站 时 , 浏览 器 会 自动 删除 过 期 的 Cookie。 若 在 建立 Cookie 
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时 没有 设置 有 效 期 , 则 创建 的 Cookie 将 不 会 保存 到 硬盘 文件 中 ,而 是 作为 用 户 会 话 信息 的 一 
部 分 。 当 用 户 关 闭 浏览 器 时 ，Cookie 就 会 被 丢弃 。 这 种 类 型 的 Cookie 很 适合 用 来 存放 只 需 
短 时 间 使 用 的 信息 ， 或 者 存放 由 于 安全 原因 不 应 写 入 客户 端 便 盘 文 件 的 信息 。 


加 ， 


要 建立 Cookie 需要 使 用 Response.Cookies 数据 集合 ， 如 : 
Response.Cookies["Name"] .Value=" 张 三 "; 


也 可 以 先 创建 HttpCookie 对 象 ， 设 置 其 属性 ， 然 后 通过 Response.Cookies.Add() 方 法 添 
如 : 


HttpCookie cookie = new HttpCookie ("Name"); 
cookie.Value = " 张 三 "; 

cookie.Expires = DateTime.Now.AddDays (1); 
Response.Cookies.Add (cookie); 


要 获取 Cookie 值 需要 使 用 Request.Cookies 数据 集合 ， 如 : 





实例 6-7 


string strName=Request.Cookies["Name"] .Value; 


实例 6-7 利用 Cookie 限制 页 面 访问 
如 图 6-12 所 示 , 用 户 访问 Cookie.aspx 时 , 车 在 Cookie 中 已 有 用 户 信息 则 显示 欢迎 信息 ， 


否则 被 重 定向 到 CookieLogin.aspx。 这 意味 着 当 Cookie 中 未 包含 用 户 信 息 时 ， 就 不 能 访问 
Cookie.aspx， 实 现 了 限制 页 面 访问 的 目的 。 图 6-13 中 ， 输 入 用 户 名 和 密码 ， 单 击 “ 确 定 ” 按 
钮 后 会 将 用 户 名 写 入 Cookie。 
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图 6-12 ”Cookie.aspx 浏览 效果 图 6-13 ”CookieLogin.aspx 浏览 效果 








源 程序 : Cookie .aspx 部 分 代码 

<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="Cookie.aspx.cs" 
Inherits="Chap6 Cookie" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… (上 略 ) 


源 程序 :Cookie aspx.cs 





using System 


public partial class Chap6_Cookie : System.Web.UI.Page 
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protected void Page Load(object sender, EventArgs e) 
{ 
if (Request.Cookies["Name"] != null) 
{ 
lblMsg.Text = Request.Cookies["Name"] .Value + "， 欢迎 您 回来 ! "; 
} 


else 


{ 
Response.Redirect ("~/Chap6/CookieLogin.aspx"); 


源 程序 ，CookieLogin.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="CookieLogin.aspx.cs" 
Inherits="Chap6 CookieLogin" %> 
… (上 略 ) 
<form id="form1"” runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 "” /> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，CookieLogin.aspx.cs 
using System; 
using System.Web; 
public partial class Chap6 CookieLogin : System.Web.UI.Page 
{ 
protected void BtnSubmit Click(object sender, EventArgs e) 
{ 
// 实 际 工程 需 与 数据 库 中 存储 的 用 户 名 和 密码 比较 
if (txtName.Text == "leaf" && txtPassword.Text == "111") 
{ 
HttpCookie cookie = new HttpCookie ("Name"); 
cookie.Value = "leaf™; 
cookie.Expires = DateTime.Now.AddDays (1); 


Response.Cookies.Add (cookie); 
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程序 说 明 : 
测试 时 先 浏览 Cookie.aspx， 此 时 因 无 用 户 名 Cookie 信息 ， 页 面 被 重 定向 到 
CookieLogin.aspx, 输入 用 户 名 和 密码 后 单 击 “ 确 定 ” 按 钮 将 用 户 名 存 入 Cookie, 关闭 浏览 器 。 
再 次 浏览 Cookie.aspx 可 看 到 欢迎 信息 。 


6.5.4 Session 


Session 又 称 会 话 状态 ， 在 工程 项 目 中 应 用 广泛 ， 典 型 的 应 用 有 存储 用 户 信息 、 多 页 面 间 
的 信息 传递 、 购 物 车 等 。Session 产生 在 服务 器 端 ， 只 能 为 当前 访问 的 用 户 服务 。 以 用 户 对 网 
站 的 最 后 一 次 访问 开始 计时 ， 当 计时 达到 会 话 设 定时 间 并 且 期 间 没 有 访问 操作 时 ， 则 会 话 自 
动 结束 。 如 果 同 一 个 用 户 在 浏览 期 间 关 闭 浏 览 器 后 再 访问 同一 个 页 面 ， 服 务 器 会 为 该 用 户 产 
生 新 的 Session 。 

在 服务 器 端 ，ASPNET 用 一 个 唯一 的 Session ID 来 标识 每 一 个 会 话 。 若 客户 端 支持 
Cookie， 则 ASPNET 将 Session ID 保存 到 相应 的 Cookie 中 ; 若 不 支持 ， 则 将 Session ID 添加 
到 URL 中 。 当 用 户 提交 页 面 时 ， 浏 览 器 会 把 用 户 的 Session ID 附加 在 HTTP 头 信息 中 ， 服 务 
器 处 理 完 该 页 面 后 ， 再 把 结果 返回 给 Session ID 所 对 应 的 用 户 。 

注意 :不管 Session ID 保存 在 Cookie 还 是 添加 在 URL 中 ,都 是 明文 .如 果 需 要 保护 Session 
ID， 可 考虑 采用 HTTPS 通信 。 

Session 由 System.Web.HttpSessionState 类 实现 ， 使 用 时 ， 常 直接 通过 Page 类 的 Session 
属性 访问 HttpSessionState 类 的 实例 。 常 用 的 属性 和 方法 如 表 6-6 所 示 。 


表 6-6 HttpSessionState 类 常用 的 属性 和 方法 表 








属性 和 方法 说 了 明 
Contents 属性 获取 对 当前 会 话 状态 对 象 的 引用 
Mode 属性 获取 当前 会 话 状态 的 模式 
SessionID 属性 获取 会 话 的 唯一 标识 
TimeOut 属性 获取 或 设置 会 话 状态 持续 时 间 ， 单 位 为 分 钟 ， 默 认为 20 分 钟 
Abandon() 方 法 取消 当前 会 话 
Clear0 方 法 删除 会 话 状 态 集合 中 的 所 有 键 和 值 
Remove() 方 法 删除 会 话 状态 集合 中 的 项 


与 Session 密切 相关 的 是 Global 类 的 Session_Start0 和 Session_End() 方 法 , 实现 这 些 方法 
的 代码 包含 于 Globalasax 文件 中 。 其 中 Session_Start() 方 法 中 代码 在 新 会 话 启 动 时 会 自动 被 
执行 ， 而 Session_End0 方 法 中 代码 在 会 话 结束 时 会 自动 被 执行 。 

注意 : 只 有 Web.config 文件 中 的 sessionState 模式 设置 为 InProc 时 ， 才 会 执行 
Session End() 方 法 代码 。 如 果 会 话 模式 设置 为 StateServer 或 SQLServer， 则 不 会 执行 
Session End() 方 法 代码 。 

对 Session 状态 的 赋值 有 两 种 ， 如 : 





Session["Name"]=" 张 三 "; 

Session.Contents["Name"]=" 张 三 "; 

注意 : Session 使 用 的 名 称 不 区 分 大 小 写 ， 因 此 不 要 用 大 小 写 区 分 不 同 的 Session 变量 。 
在 ASPNET 中 , Session 状态 的 存储 方式 有 多 种 , 可 以 在 Web.config 中 通过 <sessionState> 
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元 素 的 mode 属性 来 指定 ， 共 有 Custom、JInProc、O 他 、SQLServer 和 StateServer 五 个 枚 举 值 
供 选 择 ， 分 别 代表 自 定 义 数据 存储 、 进 程 内 、 禁 用 、SQLServer 和 独立 的 状态 服务 。 在 实际 
工程 项 目 中 ， 一 般 选 择 StateServer， 而 对 于 大 型 网 站 常 选用 SQLServer。 

下 面 是 用 于 某 考试 系统 Session 状态 设置 的 部 分 代码 。 其 中 ，Session 存储 模式 选择 
StateServer， 状 态 服务 器 名 为 StateServerName， 端 口号 为 42424， 不 使 用 Cookie， 会 话 时 间 
为 90 分 钟 。 

<configuration> 

<system.web> 
<sessionState mode="StateServer" 
stateConnectionString="tcpip=StateServerName:42424" 
cookieless="false" timeout="90"> 


</sessionState> 
</system.web> 





</configuration> 


实例 6-8 


实例 6-8 ”利用 Session 限制 页 面 访问 
本 实例 功能 类 似 于 实例 6-7, 但 适用 于 客户 端 已 禁用 Cookie 的 情况 。 如 图 6-14 和 图 6-15 
所 示 ， 利 用 本 实例 能 限制 对 Session.aspx 的 访问 ， 即 首先 要 通过 登录 认证 才能 访问 该 页 面 。 
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图 6-14 SessionLogin.aspx 浏览 效果 图 6-15 Session.aspx 浏览 效果 


源 程序 ，Session.aspx 部 分 代码 

<%@ Page Language="C#" AutogventWireup="true" CodeFile="Session.aspx.cs" 
Inherits="Chap6_ Session" %> 
区 〈 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:Label ID="lblMsg" runat="server"></asp:Label> 

</div> 

</form> 


… ( 咯 ) 


源 程序 .Session.aspx.cs 





using System; 
public partial class Chap6 Session : System.Web.UI.Page 
{ 

protected void Page Load(object sender, EventArgs e) 


{ 
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if (Session["Name"] != null) 
{ 
lblMsg.Text = Session["Name"] + "， 欢 迎 您 ! "; 
} 
else 
{ 
Response.Redirect ("~/Chap6/SessionLogin.aspx"); 


于 


源 程序 ， SessionLogin .aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="SessionLogin.aspx.cs" 
Inherits="Chap6 SessionLogin" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
用 户 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 
密码 : <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"> 
</asp:TextBox><br /> 
<asp:Button ID="btnSubmit" runat="server" OnClick="BtnSubmit Click" 
Text=" 确 定 "” /> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，SessionLogin.aspx.cs 
using System; 


public partial class Chap6 SessionLogin : System.Web.UI.Page 
{ 


protected void Btnsubmit Click(object sender, EventArgs e) 
{ 
// 实 际 工程 需 与 数据 库 中 存储 的 用 户 名 和 密码 比较 


if (txtName .Text == "leaf" && txtPassword.Text == "111") 
{ 
Session["Name"] = "leaf™"; 
} 
} 
} 
程序 说 明 : 





当 用 户 直接 访问 Session.aspx 时 ， 会 判断 Session["Name"] 状 态 值 ， 若 为 
到 SessionLogin.aspx， 和 否则 显示 欢迎 信息 。 

在 SessionLogin.aspx 中 用 户 登 录 成 功 后 ， 将 建立 Session["Name"] 状 态 值 。 此 时 要 测试 是 
否 存在 Session["Name"] 状 态 值 , 应 在 浏览 SessionLogin.aspx 页 面 的 浏览 器 中 直接 更 改 地 址 来 


访问 Session.aspx。 





， 则 被 重 定向 
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6.5.5 Application 


Application 又 称 应 用 程序 状态 ， 与 应 用 于 单个 用 户 的 Session 状态 不 同 ， 它 应 用 于 所 有 
的 用 户 。 所 以 ， 可 以 将 Application 状态 理解 成 公用 的 全 局 变量 ， 网 站 中 的 每 个 访问 者 均 可 访 
问 该 变量 。Application 状态 存在 于 网 站 运行 过 程 中 ， 当 网 站 关闭 时 将 被 释放 。 因 此 ， 如 果 需 
要 将 状态 数据 保存 下 来 ， 则 适宜 保存 在 数据 库 中 。 

Application 由 System.Web.HttpApplicationState 类 来 实现 。 存 取 一 个 Application 状态 的 方 
法 与 Session 状态 类 似 。 但 因为 Application 是 面 对 所 有 用 户 的 ， 所 以 ， 当 要 修改 Application 
状态 值 时 ， 首 先 要 调用 Application.Lock0 方 法 锁定 Application 状态 ， 值 修改 后 再 调用 
Application.Unlock() 方 法 解除 锁定 。 

与 Application 密切 相关 的 是 Global 类 的 Application Start() 、Application End0 和 
Application _Error() 方 法 。 与 Session 类 似 ， 实 现 这 些 方法 的 代码 包含 于 Globalasax 文件 中 。 


实例 6-9 统计 网 站 在 线 人 数 
如 图 6-16 所 示 , 页 面 呈 现 网 站 在 线 人 数 。 要 实现 该 功能 需 考 虑 三 个 方面 : 
初始 化 计数 器 ;， 当 一 个 用 户 访问 网 站 时 ， 计 数 器 增 1; 当 一 个 用 户 离开 网 站 
时 ， 计 数 器 减 1。 初 始 化 计数 器 要 在 Application Start0 方 法 代码 中 定义 
Application 状态 。 用 户 访 问 网 站 时 增加 计数 要 在 Session_Start0) 方 法 代码 中 增 
加 Application 状态 值 。 用 户 离 开 网 站 时 减少 计数 要 在 Session_End0 方 法 代码 实例 6-9 
中 减 小 Application 状态 值 。 














区 


中 当前 用 户 在 线 人 数 : 3 | 


图 6-16 ”Application.aspx 浏览 效果 





源 程序 ，Global.asax 
<%@ Application Language="C#" $> 
<script RunAt="server"> 
void Application Start (object sender，EventArgs e) // 在 应 用 程序 启动 时 运行 的 代码 
{ 
Application["VisitNumber"] = 0; // 初 始 化 计数 器 
} 
void Session Start(object sender, EventArgs e) // 在 新 会 话 启动 时 运行 的 代码 
{ 
if (Application["VisitNumber"] != null) 
{ 
Application.Lock(); 
Application["VisitNumber"] = (int)Application["VisitNumber"] + 1; 
Application.UnLock(); 
} 
} 
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void Session End(object sender, EventArgs e) // 在 会 话 结束 时 运行 的 代码 
{ 
if (Application["VisitNumber"] != null) 
{ 
Application.Lock(); 
Application["VisitNumber"] = (int)Application["VisitNumber"] - 1; 
Application.UnLock(); 
} 


} 
</script> 


源 程序 ，Application.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="Application.aspx.cs" 





Inherits="Chap6 Application" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
当前 用 户 在 线 人 数 : <asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，Application.aspx.cs 
using System; 
public partial class Chap6 Application : System.Web.UI.Page 
{ 


protected void Page Load(object sender, EventArgs e) 


{ 
lblMsg.Text = Application["VisitNumber"] .ToString(); // 显 示 网 站 在 线 人 数 


} 
} 


程序 说 明 : 

可 同时 利用 多 个 浏览 器 或 多 台 计 算 机 访问 Application.aspx， 进 行 测试 。 当 然 ， 若 通过 多 
台 计 算 机 进行 测试 ， 需 要 先 将 网 站 部 署 到 IS 7.5 中 。 

注意 : Session End() 方 法 代码 只 有 到 达 TimeOut 属性 设置 的 时 间 时 才 被 执行 ， 所 以 关闭 
浏览 器 不 会 立即 调用 该 方法 。 





6.6 小 结 


本 章 从 HTTP 请 求 入 手 ， 介 绍 ASPNET 网 站 的 状态 管理 方法 。 

要 控制 页 面 请 求 和 响应 ， 需 使 用 HttpRequest 和 HttpResponse 对 象 。HttpRequest 提供 了 
Browser、Cookies、QueryString 和 ServerVariables 等 数据 集合 来 访问 不 同 用 途 的 数据 。 
HttpResponse 提供 了 输出 XHTML 文本 、JavaScript 脚本 和 Cookie 等 功能 。 

为 了 有 效 防 范 SQL 脚本 注入 ， 常 会 使 用 HttpServerUftility 对 象 的 HtmlEncode0 方 法 ， 该 
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对 象 同 时 提供 了 UrlEncode0、MapPathO 等 实用 方法 。 

页 面 重 定向 可 采用 <a> 元 素 、HyperLink、Response.Redirect() 、 Server.Execute() 、 
Server Transfer0 和 Button 类 型 控件 的 跨 页 面 提交 等 形式 ， 在 使 用 时 要 注意 它们 的 区 别 。 

在 网 站 的 页 面 之 间 传 递 信息 需要 涉及 状态 管理 。 状 态 管理 分 为 客户 端 和 服务 器 端 两 种 管 
理 形式 。 客 户 端 形式 使 用 较 多 的 是 Cookie 和 查询 字符 串 ， 服 务 器 端 形式 包含 Session、 
Application 和 数据 库 等 。 其 中 ，Session 对 应 单个 用 户 ， 而 Application 对 应 所 有 用 户 。 








6.7 习 题 


1. 填空 题 
(1) 从 http://10.200.1.23/Custom.aspx?ID=4703 中 获取 ID 值 的 方法 是 
(2) 要 获取 客户 端 亿 地址 ， 可 以 使 用 

(3) 终止 ASPNET 页 面 执行 可 以 使 用 
(4) 要 获取 Default.aspx 页 面 的 物理 路 径 可 以 使 用 




















(5) 状态 管理 具有 两 种 方式 。 
(6) 设置 Button 类 型 控件 的 属性 值 可 在 单 击 按钮 后 跳 转 到 相应 页 面 。 
(7) Session 对 象 启动 时 会 自动 执行 方法 代码 。 





(8) 设置 会 话 有 效 时 间 为 10 分 钟 的 语句 是 

(9) 若 浏 览 器 已 禁用 Cookie， 要 有 效 地 识 》 区 用户 可 以 在 
(10) 要 对 Application 状态 变量 值 修改 之 前 应 使 用 
2. 是 非 题 

(1) 判断 IsSCrossPagePostBack 属性 的 值 可 确定 是 否 属于 跨 页 面 提交 。 
(2) Application 状态 可 由 网 站 所 有 用 户 进行 更 改 。 

(3) 使 用 HTML 控件 时 将 不 能 保持 ViewState 状态 。 

(4) ViewState 状态 可 以 在 网 站 的 不 同 页 面 间 共 享 。 

(5) Session 状态 可 以 在 同一 会 话 的 不 同 页 面 间 共享 。 

(6) 当 关 闭 浏览 器 窗口 时 ，Session_End0 方 法 代码 立即 被 执行 。 


中 加 入 











天 一 一 一 一 一 
~—__—__~_ 


3， 选择 题 
(1) 要 重 定向 页 面 ， 不 能 使 用 ( i 
A. LinkButton 控件 B. HttpResponse.Redirect0 方 法 
C. Image 控件 D. HttpServerUtility.Transfer() 方 法 
(2) 下 面 的 〈 ) 对 象 可 以 获取 从 客户 端 浏览 器 提交 的 信息 。 
A. HttpRequest B. HttpResponse 
C. HttpSessionState D. HttpApplication 
(3) Session 状态 和 Cookie 状态 的 最 大 区 别 是 ( ) 。 
A. 存储 的 位 置 不 同 ”了 类 型 不 同 C. 生命 周期 不 同 ” D. 容量 不 同 
(4) 默认 情况 下 ，Session 状态 的 有 效 时 间 是 (  )。 
A. 30 秒 B. 10 分 钟 C. 20 分钟 D. 30 分 钟 


(5) 若 某 页 面 已 添加 一 个 Label 控件 lbIMsg， 则 执行 “lbIMsg.Text="<a href=\"http://www. 
microsoft.com\"> 微 软 </a>"” 语 句 后 ， 页 面 上 显示 的 内 容 是 ( 让 
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<a hre 伍 "http://www.microsoft.com"> 微 软 </a> 
.微软 
.以 超 链 接 形式 显示 “微软 ” 
. 程序 出 错 
4. 简 答题 
(1) 简 述 Session 状态 和 Application 状态 的 异同 。 
(2) 简 述 页 面 重 定向 的 不 同形 式 和 使 用 区 别 。 
(3) 简 述 利用 Application 状态 统计 网 站 在 线 人 数 的 过 程 。 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 建立 一 个 能 显示 来 访 者 他 地址 的 页 面 。 当 下 地址 以 218.75 开头 时 ， 则 显示 欢迎 信 
否则 显示 非法 用 户 并 结束 访问 。 
(3) 设计 一 个 页 面 ， 当 客户 第 一 次 访问 时 ， 需 注册 姓名 、 性 别 等 信息 ， 然 后 把 客户 信息 
保存 到 Cookie 中 。 下 一 次 该 用 户 再 访问 时 ， 则 显示 “ 某 某 ， 您 是 第 X 次 光临 本 站 !1”。 

(4) 编写 一 个 简易 的 聊天 室 ， 能 显示 发 言 人 姓名 、 发 言 内 容 、 发 言 时 间 、 总 访问 人 数 和 
当前 在 线 人 数 。 

(5) 设计 一 个 简易 的 在 线 考 试 网 站 ， 包 括 单 选 题 、 多 选 题 。 单 选 题 有 XHTML 知识 的 题 
目 ， 如 XHTML 中 换行 的 元 素 是 ( 六 

A. <p> B. <br/> C. <hr /> D. <a> 

(6) 编写 两 个 页 面 ， 在 第 一 个 页 面 中 由 用 户 输入 用 户 名 后 ， 把 用 户 名 保存 到 Session 中 。 
在 第 二 个 页 面 中 读 取 该 Session 信息 ， 并 显示 欢迎 信息 。 如 果 用 户 没 有 在 第 一 个 页 面 登录 就 
直接 访问 第 二 个 页 面 ， 则 将 页 面 重 定向 到 第 一 个 页 面 。 要 求 分 别 将 Session 状态 保存 到 
StateServer 和 SQL Server 中 。 

(7) 参考 本 书 提供 的 MyPetShop 应 用 程序 ， 利 用 Session 实现 其 中 的 购物 车 功能 。 
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本 章 要 点 : 

了 解数 据 访问 的 方法 。 

掌握 管理 数据 库 的 方法 。 

掌握 LINQ 查询 表达 式 。 

掌握 使 用 数据 源 控件 实现 数据 访问 的 方法 。 

熟练 使 用 LINQ to SQL 和 LINQ to XML 进行 数据 访问 管理 。 


7.1 数据 访问 概述 


在 网 站 的 开发 过 程 中 ， 如 何 存 取 数据 库 是 最 常用 的 部 分 。.NET Framework 提供 了 多 种 存 
取 数 据 库 的 方式 .在 ASPNET 1.x 中 ,主要 使 用 ADO.NET 访问 数据 , 这 种 技术 在 基于 VS 2017 
的 ASPNET 中 仍 被 支持 。ADO.NET 提供 了 用 于 完成 如 数据 库 连接 、 查 询 数据 、 插 入 数据 、 
更 新 数据 和 删除 数据 等 操作 的 对 象 。 主 要 包括 如 下 五 个 对 象 。 

。 Connection 对 象 一 一 用 来 连接 数据 库 。 

。 Command 对 象 一 一 用 来 对 数据 库 执行 SQL 命令 ， 如 查询 语句 。 

。 DataReader 对 象 一 一 用 来 从 数据 库 中 返回 只 读数 据 。 

。 DataAdapter 对 象 一 一 用 来 从 数据 库 中 返回 数据 ， 并 填充 到 DataSet 对 象 中 ,还 要 负责 

保证 DataSet 对 象 中 的 数据 和 数据 库 中 的 数据 保持 一 致 。 

。 DataSet 对 象 可 以 看 作 是 内 存 中 的 数据 库 。DataAdapter 对 象 将 数据 库 中 的 数据 传 

送 到 该 对 象 后 ， 就 可 以 进行 各 种 数据 操作 ， 最 后 再 利用 DataAdapter 对 象 将 更 新 的 数 
据 反 映 到 数据 库 中 。 

这 五 个 对 象 提供 了 两 种 读 取 数 据 库 的 方式 :一 是 利用 Connection、Command 和 DataReader 
对 象 ， 这 种 方式 只 能 读 取 数据 库 ， 二 是 利用 Connection、Command、DataAdapter 和 DataSet 
对 象 ， 这 种 方式 可 以 对 数据 库 进 行 各 种 操作 。 

在 ASPNET 2.0 中 ， 增 加 了 多 种 数据 源 控 件 和 数据 绑 定 控件 。 数 据 源 控 件 封装 所 有 获取 
和 处 理 数 据 的 功能 ， 主 要 包括 连接 数据 源 ， 使 用 Select、Update、Delete 和 Insert 等 SQL 语 
名 获取 和 管理 数据 等 。 数 据 绑 定 控件 通过 多 种 方式 显示 数据 。 结 合 使 用 数据 源 控件 和 数据 绑 
定 控件 ， 只 需要 设置 相关 属性 ， 几 乎 不 用 编写 任何 代码 即 能 存 取 数 据 库 ， 但 存在 数据 访问 不 
够 灵活 的 问题 。 

在 ASPNET 3.5 中 ， 引 入 了 一 种 新 技术 LINQ。 这 种 技术 使 得 查询 等 数据 访问 操作 完全 
与 NET 语言 整合 ， 实 现 了 通过 NET 语言 访问 数据 库 的 功能 。 而 ASPNET 4.0 进一步 扩展 了 
该 技术 ， 新 增 了 LINQ to Entities 数据 访问 方法 。 

VSC 2017 提供 了 LINQ to SQL 工具 以 方便 运用 LINQ 技术 执行 数据 访问 操作 , 但 该 工具 
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在 VSC 2017 中 被 看 作 单个 组 件 , 需要 人 为 选中 后 才能 被 安装 。 具体 操作 时 , 启动 Visual Studio 
Installer， 在 呈现 的 如 图 7-1 所 示 的 界面 中 单 击 “ 修 改 ” 按 钮 ， 再 在 呈现 的 窗口 内 选中 “单个 
组 件 ” 标 签 下 的 “LINQ to SQL 工具 ”， 如 图 7-2 所 示 。 最 后 ， 单 击 图 7-2 中 的 “修改 ”按钮 
完成 “LINQ to SQL 工具 ”的 安装 。 


已 安装 


中 | Visual Studio Community 2017 
1554 
适用 于 学 生 、 开 放 源 代码 和 个 体 开发 人 员 的 免费 、 全 功能 型 IDE 


发 行 说 明 
修改 启动 更 多 ~ 


图 7-1 VSC 2017 修改 功能 界面 (1) 


摘要 
>》 Visual Studio 核心 护 辑 器 
》ASPNET 和 Web 开发 


NET 分 析 工具 
调试 工具 局 功能 
实时 汪洋 


系 撞 动 才 C): 31 MB 
过 疾 位 国 (Dj: ok8 
总 安装 大 小 31 MB 
studio 根本 的 许可 i 人 还 提供 下 献 其 地 Visual Studio 软件 的 通力 * 此 软件 电 
洁 开 直入 了 的 计 可 证 中 提纯 检 邓 你 同意 这 些 计 本 到 = 修改 





图 7-2 VSC 2017 修改 功能 界面 (2) 


7.2 ”建立 SQL Server 2016 Express 数据 库 


SQL Server 2016 Express (SSE 2016) 是 Microsoft 开发 的 SQL Server 2016 系列 数据 库 管 
理 系统 中 的 免费 版 ， 适 用 于 学 习 用 途 及 中 小 型 企业 的 数据 库 开 发 应 用 。 若 需要 更 高 级 的 数据 
库 功能 ， 可 以 将 该 版 本 无 颖 地 升级 到 其 他 商用 版 。 

SQL Server 2016 Express LocalDB 是 比 SSE 2016 更 轻 量 级 的 版 本 , 目的 是 在 Web 应 用 程 
序 开发 时 无 须 配 置 即 可 使 用 数据 库 。 该 版 本 除 可 独立 安装 外 ， 还 包含 于 VSC 2017 中 ， 因 此 ， 
安装 VSC 2017 时 会 同时 安装 LocalDB, 并 且 在 VSC 2017 中 访问 用 户 自 建 的 数据 库 时 默认 使 
用 LocalDB。LocalDB 主要 适用 于 开发 环境 ， 当 包含 LocalDB 数据 库 的 Web 应 用 程序 发 布 到 
IIS 7.5 时 ， 需 要 更 改 用 于 访问 数据 库 的 连接 字符 串 ， 对 已 建立 的 数据 库 则 不 必 更 改 。 

1， 连 接 字符 串 

连接 字符 串 包 含 了 访问 数据 库 的 相关 信息 ， 通 常 存储 在 Web.config 文件 的 
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<connectionStrings> 元 素 中 , 并 且 需 要 根据 不 同类 型 的 数据 库 实例 和 不 同 的 身份 验证 形式 进行 
配置 。 

在 Microsoft 数据 库 管 理 系统 中 ， 数 据 库 实 例 的 类 型 包括 SQL Server、SQLEXPRESS 和 
LocalDB 实例 。 这 些 不 同 的 实例 类 型 将 决定 连接 字符 串 中 的 Data Source 属性 值 。 例 如 ， 在 
VSC 2017 中 ， 若 要 访问 SQLEXPRESS 实例 ， 则 需 将 Data Source 属性 值 设置 为 
“、\SQLEXPRESS ”; 若 要 访问 LocalDB 实例 ， 则 需 将 Data Source 属性 值 设 置 为 
“(LocalDB)NMSSQLLocalDB ”。 

SQL Server 数据 库 的 身份 验证 有 Windows 验证 和 SQL Server 验证 两 种 模式 。Windows 
验证 使 用 Windows 操作 系统 用 户 连接 SQL Server, 常用 于 局 域 网 络 ; 而 SQL Server 验证 使 用 
SQL Server 中 注册 的 用 户 连接 SQL Server， 常 用 于 Intemet 环境 。 

2. MyPetShop 数据 库 

本 书 使 用 一 个 包含 购物 车 、 商 品 分 类 、 用 户 、 订 单 、 商 品 、 供 应 商 等 信息 的 MyPetShop 
数据 库 作为 示例 数据 库 ， 其 中 数据 表 的 设计 及 各 字段 含义 等 内 容 请 读者 参考 15.2 节 。 具 体 建 
立 MyPetShop 数据 库 的 操作 步骤 如 下 : 

(1) 在 VSC 2017 中 打开 本 书 源 程序 包 中 Sql 文件 夹 下 的 MyPetShop.sql 文件 ， 呈 现 如 图 
7-3 所 示 的 SQL 工具 栏 。 


Pp-av 同 | 中 ei - 知 | 彰 -中 | 加 
图 7-3 SQL 工具 栏 





(2) 单 击 图 7-3 中 的 图 按钮， 在 呈现 的 对 话 框 中 选择 本 地 服务 器 MSSQLLocalDB， 再 单 
击 “ 连 接 ” 按 钮 连接 到 LocalDB 数据 库 服 务 器 。 

(3) 单 击 图 7-3 中 的 四 按钮 ， 执 行 MyPetShop.sql 文件 中 的 SQL 语句 建立 MyPetShop 数 
据 库 ， 其 中 包括 CartItem、Category、Customer、Order、OrderItem、Product、Supplier 等 数 
据 表 及 示例 数据 ， 另 外 还 包括 一 个 CategoryInsert 存储 过 程 。 

注意 : 在 VSC 2017 中 建立 的 数据 库 默 认 属于 LocalDB 数据 库 实例 并 且 排 序 规则 为 
SQL Latinl_General CP1_CI AS, 为 更 好 地 支持 中 文 信息 处 理 , 在 利用 CREATE DATABASE 
语句 建立 数据 库 时 可 指定 参数 COLLATE Chinese PRC CS AS， 其 中 ，CS 表示 区 分 大 小 写 ， 
AS 表示 区 分 重音 。 

数据 库 建立 后 ， 通 过 VSC 2017 中 的 “SQL Server 对 象 资源 管理 器 ”窗口 可 方便 地 以 图 
形 界面 或 SQL 语句 形式 实现 数据 库 的 管理 。 

于 访问 MyPetShop 数据 库 的 连接 字符 串 示 例 代码 如 下 : 




















we 





<add name="MyPetShopConnectionstring" 
connectionString="Data Source= (LocalDB) \MSSQLLocalDB; 
AttachDbFilename=|DataDirectory|\MyPetShop.mdf;Integrated Security=True" 
providerName="System.Data.SsqlClient" /> 


在 上 述 代 码 中 ，name 属性 值 表示 连接 字符 串 的 名 称 ; connectionString 属性 值 表示 连接 
字符 串 的 内 容 ， 其 中 |DataDirectory| 表 示 网 站 的 App_Data 文件 夹 ，Integrated Security=True 表 
示 采 用 Windows 验证 模式 ; providerName 属性 值 表示 数据 提供 程序 的 名 称 。 
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7.3 ”使 用 数据 源 控件 实现 数据 访问 


为 实现 从 不 同 的 数据 源 进行 数据 访问 的 功能 ， 基于 VSC 2017 的 ASPNET 提供 了 多 种 不 
同 的 数据 源 控件 ， 包 括 EntityDataSource 、LinqDataSource 、 ObjectDataSource 、 
SiteMapDataSource、SqlDataSource、XmlDataSource。 其 中 ，EntityDataSource 用 于 访问 基于 
实体 数据 模型 的 数据 ; LinqDataSource 利用 LINQ 技术 访问 数据 库 ; ObjectDataSource 用 于 在 
多 层 Web 应 用 程序 架构 中 通过 业务 罗 辑 层 访问 数据 库 ; SiteMapDataSource 用 于 访问 XML 格 
式 的 网 站 地 图 文件 Web.sitemap; SqlDataSource 用 于 访问 Access、SQL Server、SQL Server 
Express、Oracle、ODBC 数据 源 和 OLEDB 数据 源 ; XmlDataSource 用 于 访问 具有 “层次 化 数 
据 ” 特 性 的 XML 数据 源 。 

无 论 与 什么 样 的 数据 源 交 互 ， 数 据 源 控件 都 提供 了 统一 的 基本 编程 模型 。 通 过 数据 源 控 
件 中 定义 的 各 种 事件 ,可 以 实现 Select、Update、Delete 和 Insert 等 数据 操作 。 需 要 注意 的 是 ， 
数据 源 控件 还 提供 了 数据 操作 前 后 的 事件 ， 可 以 编写 相关 事件 代码 实现 更 加 灵活 的 功能 ， 如 
数据 插入 操作 (Insert) 就 有 Insert0 方 法 ， 还 有 Inserting 和 Inserted 事件 。 其 中 Inserting 事件 
发 生 在 数据 插入 之 前 ， 而 Inserted 事件 发 生 在 数据 插入 之 后 。 


实例 7-1 利用 LinqDataSource 和 GridView 显示 表 数 据 
如 图 7-4 所 示 ，Category 表 的 数据 显示 利用 了 LinqDataSource 和 GridView 控件 。 
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图 7-4 LinqDSGrid.aspx 浏览 效果 


源 程序 : LinqDSGrid.aspx 部 分 代码 
<%@ Page Language="C#"”RAutoEventWireup="true"”CodeFile="LinqDSGrid.aspx.cs" 
Inherits="Chap7_LinqDSGrid"” $%> 
… ( 略 ) 


<form id="forml" runat="server"> 





<div> 
<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False" 
DataKeyNames="CategoryId" DataSourceID="1dsCategory"> 
<Columns> 

<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" 
InsertVisible="False" ReadOonly="True" SortExpression="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" 
SortExpression="Name" /> 


<asp:BoundField DataField="Descn" HeaderText="Descn" 


fl 
内 34。 web 程序 设计 一 ASP.NET 实用 网 站 开发 (第 3 版) 一 微 课 版 





SortExpression="Descn" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
</div> 
</form> 


… (上 略 ) 


操作 步骤 : 

(1) 右 击 App_Code 文件 夹 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 
然后 在 呈现 的 对 话 框 中 选择 “LINQ to SQL 类 ”模板 , 输入 文件 名 MyPetShop.dbml, 单 击 “ 添 
加 ”按钮 建立 文件 。 

注意 : 若 不 存在 “LINQ to SQL 类 ”模板 ， 则 参考 7.1 节 首 先 在 VSC 2017 中 安装 “LINQ 
to SQL 工具 ”。 

(2) 在 “解决 方案 资源 管理 器 ”窗口 中 双击 MyPetShop.mdf， 呈 现 “ 服 务 器 资源 管理 器 ” 
窗口 ， 展 开 “ 表 ”， 将 所 有 数据 表 拖 动 到 MyPetShop.dbml 的 对 象 关系 设计 器 的 左 窗口 中 。 此 
时 ，VSC 2017 会 自动 创建 相关 类 。 

(3) 在 Chap7 文件 夹 中 建立 LinqDSGrid.aspx。 添 加 LinqDataSource 和 GridView 控件 各 

-个 ， 并 分 别 设置 控件 的 ID 属性 值 为 ldsCategory 和 gvCategory。 

(4) 单 击 ldsCategory 控件 的 智能 标记 ， 选 择 “配置 数 据 源 ”命令 ， 呈 现 如 图 7-5 所 示 的 
对 话 框 。 选 择 MyPetShopDataContext。 单 击 “ 下 一 步 ” 按 钮 ， 呈 现 如 图 7-6 所 示 的 “配置 数 
据 选择 ”对 话 框 。 在 图 7-6 中 ,可 选择 要 查询 的 数据 表 ， 可 设置 数据 的 分 组 形式 , 单 击 Where 
按钮 可 配置 查询 的 条 件 ， 单 击 OrderBy 按钮 可 配置 查询 结果 的 排序 方式 。 最后， 单 击 “完成 ” 
按钮 结束 数据 源 配置 。 此 时 ，VSC 2017 会 自动 生成 相应 的 源 代码 。 


| 


选择 一 个 可 用 于 检索 或 更 新 数据 的 上 下 文 对 象 。 


仅 呈 示 DataContext 允 倒 (D) 


请 选择 上下文 对 象 (C 


MyPetShopDataContext = 











图 7-5 “选择 上 下 文 对 象 ” 对 话 框 
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图 7-6 “配置 数据 选择 ”对 话 框 


(5) 单 击 gvCategory 控件 的 智能 标记 ， 在 “选择 数据 源 ” 对 应 的 下 拉 列 表 框 中 选择 
ldsCategory， 此 时 ，VSC 2017 会 自动 生成 相应 的 源 代 码 。 
(6) 浏览 LinqDSGrid.aspx 查看 效果 。 


7.4 使 用 LINQ 实现 数据 访问 


LINQ 集成 于 .NET Framework 中 ， 提 供 了 统一 的 语法 实现 多 种 数据 源 的 查询 和 管理 。 它 
与 .NET 支持 的 编程 语言 整合 为 一 体 ， 使 得 数据 的 查询 和 管理 直接 被 嵌入 在 编程 语言 的 代码 
中 ， 这 样 ， 就 能 充分 利用 VSC 2017 的 智能 提示 功能 ， 并 且 编 译 器 也 能 检查 查询 表达 式 中 的 
语法 错误 。 

根据 要 访问 的 不 同 数据 源 ，LINQ 类 型 可 分 为 LINQ to Objects、LINQ to XML 和 LINQ to 
ADONET。 其 中 LINQ to ADONET 又 分 为 LINQ to DataSet、LINQ to SQL 和 LINQ to 
Entities。 在 实际 应 用 中 ,LINQ to Objects 用 于 处 理 Array 和 List 等 集合 类 型 数据 ;LINQ to XML 
用 于 处 理 XML 类 型 数据 ; LINQ to DataSet 用 于 处 理 DataSet 类 型 数据 ; LINQ to SQL 用 于 处 
理 SQL Server 数据 库 类 型 数据 ; LINQ to Entities 用 于 处 理 实体 数据 模型 。 


7.4.1 LINQ 查询 表达 式 


LINQ 查询 表达 式 实现 了 如 何 访问 数据 的 操作 , 常 使 用 关键 字 为 var 的 隐形 变量 存放 返回 
的 数据 。 这 种 var 变量 可 以 不 明确 地 指定 数据 类 型 ， 但 编译 器 能 根据 变量 的 表达 式 推 断 出 该 
变量 的 类 型 。 

LINQ 查询 表达 式 类 似 于 SQL 语句 ， 包 含 8 个 基本 子 句 ， 下 面 简要 介绍 它们 的 功能 。 

。 from 子 句 一 一 指定 查询 操作 的 数据 源 和 范围 变量 。 

。 select 子 句 一 一 指定 查询 结果 的 类 型 和 表现 形式 。 
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。 where 子 句 一 一 指定 筛选 操作 的 逻辑 条 件 。 

。 group 子 句 对 查询 结果 进行 分 组 。 

。 orderby 子 句 对 查询 结果 进行 排序 。 

。 join 子 旬 一 一 连接 多 个 查询 操作 的 数据 源 。 

。 let 子 旬 一 一 创建 用 于 存储 查询 表达 式 中 的 子 表 达 式 结果 的 范围 变量 。 

。 into 子 句 一 一 提供 一 个 临时 标识 符 ， 该 标识 符 可 以 在 join、group 或 select 子 句 中 被 
引用 。 








查询 表达 式 必须 以 from 子 句 开始 ， 以 select 或 group 子 名 结束， 中 间 可 以 包含 一 个 或 多 
个 ffom、where、orderby、group、join、let 等 子 句 。 

在 项 目 编译 时 ，VSC 2017 会 把 查询 表达 式 转换 为 “标准 查询 运算 符 ” 方 法 。 实 际 上 ,在 
使 用 LINQ 查询 时 可 直接 调用 “标准 查询 运算 符 ” 方 法 。 下 面 给 出 了 常用 的 “标准 查询 运算 
符 ” 方 法 。 

。 Select() 方 法 一 一 对 应 select 子 句 。 

。 Where0 方 法 一 一 对 应 where 子 句 。 

。 GroupBy() 方 法 一 一 对 应 group…by 或 group…by…into 子 句 。 

。 OrderBy() 方 法 一 一 对 应 orderby 子 句 。 

。 OrderByDescending() 方 法 一 一 对 应 orderby…descending 子 句 。 

。 Join() 方 法 一 一 对 应 join…in…on…equals… 子 句 。 


7.4.2 LINQ to SQL 概述 


LINQ to SQL 为 关系 数据 库 提 供 了 一 个 对 象 模型 ， 即 将 关系 数据 库 映 射 为 类 对 象 。 开 发 
人 员 将 以 操作 对 象 的 方式 实现 对 数据 的 查询 、 修 改 、 插 入 和 删除 等 操作 。 表 7-1 给 出 了 SQL 
Server 数据 库 与 LINQ to SQL 对 象 之 间 的 映射 关系 。 


表 7-1 数据 库 与 对 象 间 的 映射 关系 表 








SQL Server 对 象 LINQ to SQL 对 象 
SQL Server 数据 库 DataContext 类 
表 实体 类 

属性 属性 

外 键 关系 关联 

存储 过 程 方法 








在 VSC 2017 中 可 自动 建立 SQL Server 数据 库 与 LINQ to SQL 对 象 间 的 映射 关系 。 实 例 
7-1 已 给 出 了 建立 LINQ to SQL 类 MyPetShop.dbml 的 操作 步骤。 

在 实例 7-1 中 ,VSC 2017 建立 MyPetShop.dbml 文件 的 同时 将 建立 MyPetShop.dbml.layout 
和 MyPetShop.designercs 文件 。 其 中 ，MyPetShop.dbml 定义 了 MyPetShop 数据 库 的 架构 。 
MyPetShop.dbml.layout 定义 了 每 个 表 的 布局 。MyPetShop.designer.cs 定义 了 自动 生成 的 类 ， 
包括 : 一 是 与 MyPetShop 数据 库 对 应 的 类 ， 该 类 派生 自 DataContext 类 并 以 
MyPetShopDataContext 命名 ; 二 是 以 MyPetShop 数据 库 中 各 表 的 表 名 作为 类 名 的 各 实体 类 。 

实体 类 通过 TableAttribute 类 的 Name 属性 描述 其 与 数据 表 的 映射 关系 。 如 下 例 表 示 将 要 
创建 的 Category 实体 类 映射 到 MyPetShop 中 的 Category 表 。 
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[TableAttribute (Name="dbo.Category")] 


实体 类 的 属性 通过 ColumnAttribute 类 映射 到 数据 库 表 的 属性 。 如 下 例 表示 将 要 创建 的 
CategoryId 属性 的 相关 信息 ， 该 属性 映射 到 Category 表 中 的 CategoryId 属性 。 


[ColumnAttribute (Storage=" CategoryId", AutoSync=AutoSync.OnInsert, 
DbType="Int NOT NULL IDENTITY", IsPrimaryKey=true, IsDbGenerated=true)] 


在 实体 类 中 ， 通 过 AssociationAttribute 类 映射 数据 库 表 间 的 外 键 关系 。 如 下 例 中 创建 的 
Category_Product 关联 实现 了 Category 表 中 的 CategoryId 属性 作为 Product 表 外 键 的 映射 。 


//Category 实体 类 中 的 定义 

[AssociationAttribute (Name="Category Product", Storage=" Product", 
ThisKey="CategoryId"，OtherKey="CategoryId") ] 

//Product 实体 类 中 的 定义 

[AssociationAttribute (Name="Category Product", Storage=" Category", 
ThisKey="CategoryId", OtherKey="CategoryId", IsForeignKey=true)] 


在 MyPetShopDataContext 类 中 ， 通 过 FunctionAttribute 类 将 数据 库 中 的 存储 过 程 映射 为 
对 应 的 方法 ， 并 通过 ParameterAttribute 类 将 存储 过 程 中 的 参数 映射 到 对 应 方法 的 参数 。 如 下 
例 表 示 将 创建 的 CategoryInsert0 方 法 映射 到 数据 库 中 的 CategoryInsert 存储 过 程 。 


[FunctionAttribute (Name="dbo.CategoryInsert")] 

public int CategoryInsert( 
[ParameterAttribute (Name="Name", DbType="VarChar(80)")] string name, 
[ParameterAttribute (Name="Descn", DbType="VarChar(255)")] string descn) 


7.4.3 利用 LINQ to SQL 查询 数据 


1. 投影 

投影 实现 了 属性 的 选择 。 例 如 ， 原 来 Product 表 包 含 9 个 属性 ， 若 只 想 
选择 ProductId、CategoryId、Name 属性 ， 此 时 可 采用 select 子 句 通过 投影 操 
作 实 现 。 投 影 后 的 结果 将 新 生成 一 个 对 象 ， 该 对 象 通常 是 匿名 的 。 


实例 7-2 利用 LINQ to SQL 实现 投影 实例 7-2 
本 实例 将 创建 包含 ProductId、CategoryId 和 Name 属性 的 匿名 对 象 。 





源 程序 : LinqSqlQuery.aspx.cs 中 的 BtnProject_ClickO 部 分 
protected void BtnProject Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext(); // 定 义 类 实例 db 
var results = from r in db.Product 
select new 
{ 
r.ProductId, 
r.CategoryId, 
r.Name 


}; 
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gvProduct.DataSource = results;  // 将 LINQ 查询 结果 设置 为 gvProduct 的 数据 源 
gvProduct .DataBind(); // 显 示 数 据 源 中 的 数据 
} 


2. 选择 
选择 实现 了 记录 的 过 滤 ， 由 where 子 句 完成 。 


实例 7-3 利用 LINQ to SQL 实现 选择 
本 实例 将 选择 UnitCost>20 的 记录 。 





实例 7-3 


源 程序 ， LinqSqlQuery.aspx.cs 中 的 BtnSelect_ClickO 部 分 
protected void BtnSelect Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Product 
where r.UnitCost > 20 
select r; 
gvProduct.DataSource = results; 
gvProduct .DataBind(); 
} 


3. 排序 


实例 7-4 ”利用 LINQ to SQL 实现 排序 
本 实例 使 用 orderby 子 句 实现 价格 的 降序 排列 。 





源 程序 ，LinqSqlQuery.aspx.cs 中 的 BtnOrder_Click 0 部 分 
protected void BtnOrder Click(object sender, EventArgs e) 
{ 

MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Product 
orderby r.UnitCost descending 
select r; 
gvProduct.DataSource = results; 
gvProduct .DataBind() 7 
} 


4. 分 组 

分 组 使 用 group…by 子 句 。 与 原始 集合 不 同 , 分 组 后 的 结果 集合 将 采用 集合 的 集合 形式 。 
外 集合 中 的 每 个 元 素 包 括 键 值 及 根据 该 键 值 分 组 的 元 素 集合 。 因 此 ， 要 访问 分 组 后 的 结果 和 
合 中 的 元 素 , 必须 使 用 榜 套 的 循环 语句 。 外 循环 用 于 循环 访问 外 集合 中 的 每 个 元 素 ( 即 每 个 组 )， 
内 循环 用 于 循环 访问 内 集合 中 的 元 素 〈 即 每 个 组 中 的 元 素 )。 

若 要 引用 分 组 操作 的 结果 , 可 以 使 用 into 子 句 创建 用 于 进一步 查询 的 标识 符 。 


实例 7-5 利用 LINQ to SQL 实现 分 组 
本 实例 根据 CategoryId 分 组 ， 并 显示 CategoryId 值 为 5 的 集合 。 实例 7-5 


A 
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源 程序 ，LinqSqlQuery.aspx.cs 中 的 BtnGroup_Click 0 部 分 
protected void BtnGroup Click(object sender, EventArgs e) 
{ 


MyPetShopDataContext db = new MyPetShopDataContext (); 
// 根 据 CategoryId 分 组 ， 青 将 结果 存 入 results 


var results = from r in db.Product 





group r by r.CategorylId; 
foreach (var g in results)//results 为 外 集合 ，g 为 外 集合 中 的 一 个 元 素 并 且 g 也 是 
// 一 个 集合 
{ 


if (g.Key == 5) // 获 取 键 值 等 于 5 的 外 集合 元 素 
{ 


var results2 = from r in g //r 为 键 值 等 于 5 的 组 中 的 一 个 元 素 
select r; 
gvProduct.DataSource = results2; 
gvProduct .DataBind(); 
} 


} 

s， 聚合 

聚合 主要 涉及 Count()、Max()、Min()、Average() 等 方法 。 当 使 用 Max0、Min0、AverageO 
等 方法 时 ， 参 数 常 使 用 Lambda 表达 式 。Lambda 表达 式 的 语法 格式 如 下 : 

(输入 参数 ) => {语句 块 } 

其 中 “输入 参数 ”可 以 为 室 、 一 个 或 多 个 。 当 输入 一 个 参数 时 ， 可 省 略 括号 ;“=>” 称 
为 Lambda 运算 符 ， 读 作 goes to; 语句 块 表示 Lambda 表达 式 的 结果 。 

当 把 Lambda 表达 式 应 用 于 Max0、Min0、Average0 等 聚合 方法 时 ， 编 
译 器 会 自动 推断 输入 参数 的 数据 类 型 。 





实例 7-6 ”利用 LINQ to SQL 实现 聚合 操作 中 
本 实例 根据 CategoryId 分 组 统计 每 组 的 个 数 ，ListPrice 的 最 大 值 、 最 小 实例 7-6 
值 和 平均 值 。 





源 程序 : LinqSqlQuery.aspx.cs 中 的 BtnPolymerize_Click 0 部 分 


protected void BtnPolymerize Click(object sender, EventArgs e) 
{ 


MyPetShopDataContext db = new MyPetShopDataContext (); 





var results = from r in db.Product 
group r by r.CategorylId into g 
select new 
{ 
Key = g.Key, 
Count 


9-Count (), 
MaxPrice = g.Max(p => p.ListPrice), 
MinPrice = g.Min(p => p.ListPrice), 
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AvgPrice = g.Average (lp => p.ListPrice) 
js 
gvProduct.DataSource = results; 
gvProduct .DataBind (); 
} 


6. 连接 
多 表 连 接 查 询 使 用 join 子 句 。 但 对 于 具有 外 键 约束 的 多 表 ， 可 以 直接 通 
过 引用 对 象 的 形式 进行 查询 ， 也 可 以 使 用 join 子 句 实现 。 


实例 7-7 利用 LINQ to SQL 实现 直接 引用 对 象 连接 
本 实例 通过 直接 引用 对 象形 式 查询 产品 的 分 类 名 称 。 





源 程序 ，LinqSqlQuery.aspx.cs 中 的 BtnQuote_Click 0 部 分 
protected void BtnQuote Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Product 
select new 
{ 
r.ProductId, 
r.CategoryId, 
CategoryName = r.Category.Name // 直 接 引 用 Category 对 象 
生 
gvProduct.DataSource = results; 
gvProduct .DataBind(); 


实例 7-8 ”利用 LINQ to SQL 实现 join 连接 
本 实例 实现 与 实例 7-7 一 样 的 功能 ， 主 要 适用 于 连接 未 建立 外 键 关联 的 
两 个 表 。 





源 程序 ，LinqSqlQuery.aspx.cs 中 的 BtnJoin_Click 0 部 分 





protected void BtnJoin Click(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from product in db.Product 
join category in db.Category on product.CategoryId equals 
category.CategoryId 
select new 
{ 
product .ProductId, 
product .CategoryId, 
CategoryName = category.Name 
}; 


gvProduct.DataSource = results; 
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gvProduct .DataBind(); 
} 


7. 模糊 查询 
模糊 查询 应 用 广泛 , 使 用 时 需 调 用 System.Data Linq.SqlClient SqlMethods. 
Like0 方 法 。 





实例 7.9 利用 LINQ to SQL 实现 模糊 查询 实 到 79 
本 实例 查询 商品 名 称 中 包含 fly 的 商品 。 


源 程序 : LinqSqlQuery.aspx.cs 中 的 BtnFuzzy_Click 0 部 分 
protected void BtnFuzzy Click (object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Product 
where System.Data.Linqg.SqlClient .SqlMethods.Like (r.Name, "%fly%") 
select r; 





gvProduct.DataSource = results; 
gvProduct .DataBind(); 
} 


7.4.4 ”利用 LINQ to SQL 管理 数据 


1. 插入 数据 
插入 数据 利用 InsertAllonSubmit0 和 InsertOnSubmit0 方 法 实现 ， 前 者 用 于 插入 实体 对 象 
集合 ， 后 者 用 于 插入 单个 实体 对 象 。 


实例 7-10 利用 LINQ to SQL 插入 数据 
本 实例 将 通过 文本 框 获取 Name 和 Descn 属性 的 值 ， 再 插入 到 Category 
表 中 。 因 为 Category 表 在 设计 时 已 将 CategoryId 属性 设置 为 会 自动 递增 的 标 
识 ， 所 以 在 插入 数据 时 不 需要 插入 CategoryId 属性 值 。 





源 程序 ， LinqSqlManageData.aspx.cs 中 的 BtnInsert_ClickO 部 分 
protected void BtnInsert Click(object sender, EventArgs e) 
{ 
Category category = new Category(); // 建 立 Category 类 实例 category 


Category.Name = txtName.Text; 





category.Descn = txtDescn.Text; 

db.Category.InsertOonsubmit (category); //db 是 MyPetShopDataContext 类 实例 
db.SubmitChanges (); // 提 交 更 改 

Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 


源 程序 : LinqSqlManageData.aspx-cs 中 的 Bind0 部 分 





protected void Bind() 
{ 


I 
四 Web 程序 设计 一 ASP.NET 实用 网 站 开发 ( 第 3 版 ) 一 微 课 版 


一 





Var results = from r in db.Category 
select r; 
gvCategory.DataSource = results; 
gvCategory.DataBind(); 
} 


2， 修 改 数据 
修改 数据 时 需要 根据 某 种 信息 找到 需要 修改 的 数据 ， 如 个 人 信息 的 修改 
需 先 通过 身份 验证 ， 再 根据 身份 标识 获取 个 人 信息 实现 数据 的 修改 。 
实例 7-11 利用 LINQ to SQL 修改 数据 
本 实例 将 获取 根据 输入 的 CategoryId 确定 的 数据 ， 再 进行 修改 操作 。 因 
为 CategoryId 是 标识 ， 该 值 不 能 修改 。 





源 程序 ， LinqSqlManageData.aspx.cs 中 的 BaUpdate_ClickO 部 分 
protected void BtnUpdate Click(object sender, EventArgs e) 
{ 
var results = from r in db.Category 
where r.CategorylId == int.Parse (txtCategoryId.Text) 
select r; 
if (results != null) 
{ 
foreach (Category r in results) 
{ 
r.Name = txtName.Text; 
r.Descn = txtDescn.Text; 
} 
db.SubmitChanges () ; 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 
} 
} 


3， 删 除数 据 
删除 数据 利用 DeleteAllonSubmit0 和 DeleteOnSubmit0 方 法 实现 ,前 者 用 
于 删除 实体 对 象 集合 ， 后 者 用 于 删除 单个 实体 对 象 。 


实例 7-12 利用 LINQ to SQL 删除 数据 
本 实例 将 根据 输入 的 CategoryId 删除 数据 。 





实例 7-12 


源 程序 : LinqSqlManageData.aspx.cs 中 的 BtnDelete_ ClickO 部 分 
protected void BtnDelete Click(object sender, EventArgs e) 
{ 
var results = from r in db.Category 
where LI-CategoryId == int.Parse (txtCategoryId.Text) 
select r? 
db.Category.DeleteAllOnsubmit (results); 
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db.SubmitChanges (); 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 
} 


4. 存储 过 程 

要 使 用 原来 SQL Server 中 定义 的 存储 过 程 ， 需 要 在 建立 MyPetShop.dbml 时 将 存储 过 程 
拖 入 到 对 象 关系 设计 器 的 右 窗口 中 , 然后 ,VSC 2017 会 自动 建立 与 存储 过 程 对 应 的 方法 。 在 
有 具体 使 用 存储 过 程 时 ， 只 要 调用 对 象 的 方法 就 可 以 了 。 


实例 7-13 利用 LINQ to SQL 调用 存储 过 程 

本 实例 将 利用 存储 过 程 实现 数据 插入 操作 。 首先 在 MyPetShop 数据 库 中 人 

建立 CategoryInsert 存储 过 程 ， 之 后 在 MyPetShop.dbml 中 生成 对 应 的 实例 7-13 
CategoryInsert() 方 法 。 






源 程序 : 存储 过 程 CategoryInsert 
CREATE PROCEDURE dbo.CategoryInsert 
( 
QName varchar (80), 
@Descn varchar (255) 
) 
AS 


INSERT INTO Category (Name,Descn) VALUES (@Name,@Descn); 
RETURN 


源 程序 ，LinqSqlManageData.aspx.cs 中 的 BtnProcedure_Click0 部 分 
protected void BtnProcedure Click(object sender, EventArgs e) 
{ 
db.CategoryInsert (txtName.Text.ToString(), txtDescn.Text.ToString()); 
Bind(); // 调 用 自 定义 方法 ， 用 于 在 gvCategory 中 显示 最 新 结果 
} 


7.4.5” ”LINQ to XML 概述 


LINQ to XML 可 以 在 .NET 编程 语言 中 处 理 XML 结构 的 数据 。 它 提供 了 新 的 XML 文档 
对 象 模型 并 支持 LINQ 查询 表达 式 。 它 将 XML 结构 文档 保存 到 内 存 中 ， 可 以 方便 地 实现 查 
询 、 插 入 、 修 改 、 删 除 等 操作 。 
常用 的 LINQ to XML 类 包括 : 
。 XDocument 类 一 一 用 于 操作 XML 文档 。 调 用 其 Save0 方 法 可 建立 XML 文档 。 
。 XDeclaration 类 一 一 用 于 操作 XML 文档 中 的 声明 ， 包 括 版 本 、 编 码 等 。 
。 XComment 类 一 一 用 于 操作 XML 文档 中 的 注释 。 
。 XElement 类 一 一 用 于 操作 XML 文档 中 可 包含 任意 多 级 别 子 元 素 的 元 素 。 其 中 , Name 
属性 用 于 获取 元 素 名 称 ;，Value 属性 用 于 获取 元 素 的 值 ;Load0 方 法 用 于 导入 XML 文 
档 到 内 存 ， 并 创建 XElement 实例 ; Save0 方 法 用 于 保存 XElement 实例 到 XML 文档 ; 
Attribute0) 方 法 用 于 获取 元 素 的 属性 ; Remove0 方 法 用 于 删除 一 个 元 素 ; ReplaceNodes() 











把 ”web 程序 设计 一 ASp.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 


= 全 








方法 用 于 替换 元 素 的 内 容 SetAttributeValue0) 方 法 用 于 设置 元 素 的 属性 值 。 
。 XAttribute 类 一 一 用 于 操作 XML 元 素 的 属性 ， 是 一 个 与 XML 元 素 关 联 的 “名 称 / 
值 ” 对 。 


7.4.6 ”利用 LINQ to XML 管理 XML 文档 


1. 创建 XML 文档 

创建 XML 文档 主要 利用 XDocument 对 象 。 在 建立 时 ， 要 按照 XML 文档 的 格式 ， 分 别 
把 XML 文档 的 声明 、 元 素 、 注 释 等 内 容 添 加 到 XDocument 对象 中 , 再 用 Save() 
方法 保存 到 Web 服务 器 硬盘 上 。 需 要 注意 的 是 ，Save0 方 法 必须 使 用 物理 
路 径 。 











实例 7-14 利用 LINQ to XML 创建 XML 文档 实例 7-14 
本 实例 创建 如 图 7-7 所 示 内 容 的 XML 文档 BookLinq.xml。 
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<?xml version="1.0" encoding="UTF-8"?> 
- <Books> 
- <Book ID="100"> 

<BookName>ASP.NET 高 级 编程 </BookName> 
<Price>156</Price> 

</Book> 

<Book ID="106"> 
<BookName> 基 于 C# 精 通 LINQ 数 据 访 问 </BookName> 
<Price>45.9</Price> 

</Book> 

<Book ID="104"> 


<BookName>C# 高 级 编程 </BookName> 
<Price>119.8</Price> 
</Book> 
</Books> 





图 7-7 BookLinq.xml 浏览 效果 


源 程序 : LinqXmlaspx.cs 中 的 BtnCreate_Click0 部 分 
protected void BtnCreate Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 
// 要 建立 的 XML 文件 路 径 
XDocument doc = new XDocument // 建 立 XDocument 类 实例 doc 
( 
new XDeclaration("1.0", "utf-8", "yes"), 
new XComment ("Book 示例 ") 
new XElement ("Books", 
new XElement ("Book"™, 
new XAttribute("ID", "100"), 
new XElement ("BookName", "ASP.NET 高 级 编程 ") 六 
new XElement ("Price", 156) 


), 





new XElement ("Book"， 
new XAttribute("ID", "101"), 
new XElement ("BookName",， "精通 LINQ 数据 访问 ") ， 
new XElement ("Price", 39.8) 
), 
new XElement ("Book", 
new XAttribute("ID", "102"), 
new XElement ("BookName", "ASP.NET 教程 ") 
new XElement ("Price", 41.6) 


) 


); 
doc.Save (xmlFilePath); // 保 存 到 XML 文件 
Response.Redirect ("~/Chap7/BookLinq.xml"); // 以 重 定向 方式 显示 BookLinq.xml 


} 


2. 查询 XML 文档 
使 用 LINQ 查询 表达 式 可 方便 地 读 取 XML 文档 、 查 询 根 元 素 、 查 询 指 
定名 称 的 元 素 、 查 询 指定 属性 的 元 素 、 查 询 指定 元 素 的 子 元 素 等 。 
实例 7-1S 利用 LINQ to XML 查询 指定 属性 的 元 素 
本 实例 查询 BookName 元 素 值 为 “ASPNET 高 级 编程 ”的 元 素 ， 最 后 输 
出 该 元 素 的 属性 值 、 下 一 级 子 元 素 BookName 和 Price 的 值 。 





源 程序 : LinqXmlaspx.cs 中 的 BtnQuery_ClickO 部 分 
protected void BtnQuery Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 
XElement els = XElement.Load(xmlFilePath); // 导 入 XML 文件 
// 查 询 BookName 元 素 值 为 “ASP .NET 高 级 编程 ”的 元 素 
Var elements = from el in els.Elements ("Book") 
where (string)el.Element ("BookName") == "ASP.NET 高 级 编程 " 
select el; 
foreach (XElement el in elements) 
{ 
// 输 出 元 素 ID 属性 的 值 
Response.Write (el.Name + "的 ID 为 :" +el.Attribute("ID") .Value + "<br />"); 
// 输 出 BookName 元 素 的 值 
Response.Write(" 书 名 为 :" + el.Element ("BookName") .Value + "<br />"); 
// 输 出 Price 元 素 的 值 
Response.Write ("价格 为 :" + el.Element ("Price") .Value); 





3. 插入 元 素 
要 插入 元 素 ， 首 先 需 建立 一 个 XElement 实例 ， 并 添加 相应 内 容 ， 再 利用 Add0 方 法 添加 到 
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上 一 级 元 素 中 。 最 后 利用 Save0 方 法 保存 到 XML 文档 。 


实例 7-16 利用 LINQ to XML 插入 元 素 
本 实例 在 BookLinq.xml 文档 中 插入 一 个 新 元 素 。 





实例 7-16 


源 程序 ，LinqXml.aspx.cs 中 的 BtnInsert_ Click0 部 分 
protected void BtnInsert Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 
XElement els = XElement .Load(xmlFilePath); 
// 新 建 Book 元 素 
XElement el = new XElement 
("Book", 
new XAttribute ("ID", "104"), 
new XElement ("BookName"，"C# 高 级 编程 ")， 
new XElement ("Price", 119.8) 
) 7 
els.Add (el); // 添 加 Book 元 素 到 XElement 对 象 els 中 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinqg.xml"); 
# 


4. 修改 元素 

要 修改 元 素 ， 首 先 需要 根据 关键 字 查找 到 该 元 素 ， 再 利用 
SetAttributeValue() 方 法 设置 属性 值 和 了 ReplaceNodes() 方 法 修改 元 素 的 内 容 , 最 
后 利用 Save0 方 法 保存 到 XML 文档 。 六 


实例 7-17 利用 LINQ to XML 修改 元 素 实例 i 
本 实例 修改 ID 属性 值 为 101 的 元 素 内 容 。 











源 程序 ，LinqXml.aspx.cs 中 的 BtnUpdate_Click0 部 分 
protected void BtnUpdate Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLing.xml"); 
XElement els = XElement .Load (xmlFilePath); 
Var elements = from el in els.Elements ("Book") 
Where el.Attribute ("ID") .Value == "101" 
select el; 
foreach (XElement el in elements) 
{ 
el.SetAttributeValue ("ID"，"106"); // 设 置 ID 属性 值 
// 修 改 Book 元 素 的 子 元 素 
el .ReplaceNodes 
( 
new XElement ("BookName"， "基于 C# 精 通 LINQ 数据 访问 ")， 
new XElement ("Price", 45.9) 
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); 
} 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinq.xml"); 
} 


5.， 删除 元 素 
要 删除 元 素 ， 首先 需要 根据 关键 字 查 找到 该 元 素 ， 再 利用 Remove() 方 法 
删除 元 素 ， 最 后 利用 Save() 方 法 保存 到 XML 文档 中 。 


实例 7-18 利用 LINQ to XML 删除 元 素 
本 实例 删除 ID 属性 值 为 102 的 元 素 。 


源 代 码 : LinqXml.aspx.cs 中 的 BtnDelete_Click0 部 分 
protected void BtnDelete Click(object sender, EventArgs e) 
{ 
string xmlFilePath = Server.MapPath("~/Chap7/BookLinqg.xml"); 
XElement els = XElement .Load (xmlFilePath); 
Var elements = from el in els.Elements ("Book") 
where el.Attribute("ID") .Value == "102" 
select el; 





实例 7-18 


foreach (XElement el in elements) 
{ 
el .Remove () ; // 删 除 一 个 节点 元 素 
} 
els.Save (xmlFilePath); 
Response.Redirect ("~/Chap7/BookLinqg.xml"); 


7.S 小 结 


本 章 主要 介绍 了 建立 SSE 2016 数据 库 的 方法 ,以 及 利用 LINQ 技术 实现 数据 访问 的 方法 。 
LINQ 技术 完全 与 编程 语言 整合 ， 将 其 中 的 数据 作为 对 象 处 理 ， 符 合 数据 访问 技术 的 发 展 。 
它 非常 简洁 地 实现 了 数据 查询 、 插 入 、 删 除 、 修 改 等 操作 。 实 际 上 ， 充 分 理解 利用 LINQ 技 
术 ， 能 满足 任何 数据 访问 的 需求 ， 这 也 是 Microsoft 用 于 数据 访问 的 主要 技术 。 


7.6 习 题 








1. 填空 题 

(1) SQL Server 数据 库 的 验证 方式 包括 和 
(2) 连接 数据 库 的 信息 通常 保存 在 Web.config 文件 的 元 素 中 。 

(3) VSC 2017 中 ， 若 要 访问 LocalDB 数据 库 实 例 ， 则 需 将 Data Source 属性 值 设置 
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(4) 连接 字符 串 中 常 使 用 表示 网 站 的 App_Data 文件 夹 。 
(5) 基于 VSC 2017 的 ASPNET 提供 的 数据 源 控件 包括 











(6) 根据 要 访问 的 不 同 数据 源 ，LINQ 类 型 可 分 为 ”__、 


ARE 全 CASE AS 








(7) 在 LINQ to SQL 中 , 将 SQL Server 数据 库 映射 为 类 ， 表 映射 为 ， 存 
储 过 程 映射 为 

2， 是 非 题 

(1) 包含 LocalDB 数据 库 的 ASPNET 网 站 不 需要 修改 配置 就 能 发 布 到 IS 7.5 中 并 正常 
运行 〈 ) 


(2) 经 过 配置 ， 使 用 访问 SQLEXPRESS 数据 库 实 例 的 方法 能 访问 LocalDB 数据 库 
实例 。 ( 
(3) 访问 LocalDB 和 SQLEXPRESS 数据 库 实例 的 连接 字符 串 是 一 样 的 。 ( 

(4) 利用 LINQ 查询 表达 式 可 建立 匿名 对 象 。 ( 
( 

( 

( 





(5) LINQ 查询 表达 式 的 值 必须 要 指定 数据 类 型 。 
(6) 在 LINQ 查询 中 使 用 group 子 句 分 组 后 ， 其 结果 集合 与 原 集合 的 结构 相同 。 
(7) VSC 2017 中 建立 的 数据 库 可 以 通过 “服务 器 资源 管理 器 ”窗口 进行 管理 。 
3， 选 择 题 
(1) 下 面 有 关 在 VSC 2017 中 建立 数据 库 的 描述 中 错误 的 是 
A. 数据 库 的 默认 排序 规则 是 Chinese PRC_CS_AS 
B. 数据 库 默 认 属 于 LocalDB 数据 库 实例 
C. 在 使 用 CREAIE DATABASE 语句 建立 数据 库 时 可 指定 排序 规则 
D. 能 将 数据 库 附加 到 SQLEXPRESS 数据 库 服务 器 中 
(2) 下 面 有 关 LINQ to SQL 的 描述 中 错误 的 是 )。 
A. LINQ to SQL 查询 返回 的 结果 是 一 个 集合 
B. LINQ to SQL 可 处 理 任 何 类 型 数据 
C. 利用 LINQ to SQL 要 调用 SQL Server 中 定义 的 存储 过 程 只 需 调用 映射 后 的 方法 
D. LINQ to SQL 中 聚合 方法 的 参数 常 使 用 Lambda 表达 式 
(3) 下 面 有 关 LINQ to XML 的 描述 中 错误 的 是 ( % 
A. 可 插入 、 修 改 、 删 除 、 查 询 元 素 
B. 可 读 取 整 个 XML 文档 
C. 不 能 创建 XML 文档 
D. 需要 导入 System .Xml.Ling 命名 空间 
4. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 仿照 MyPetShop 数据 库 在 VSC 2017 中 建立 TestMyPetShop 数据 库 ， 建 立 访问 
TestMyPetShop 数据 库 的 连接 字符 串 。 再 建立 一 个 测试 页 能 访问 和 管理 表 中 的 数据 。 
(3) 在 实例 7-5 的 “gvProduct.DataSource = results2;” 语 句 处 设置 断 点 ， 按 FS 键 启动 调 
试 ， 理 解 分 组 结果 。 
(4) 设计 一 个 查询 页 面 ， 利 用 LINQ to SQL 查询 商品 名 称 中 有 字符 c 且 价格 在 30 元 以 
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上 的 商品 。 

(5) 查找 资料 ， 利 用 LINQ 的 “标准 查询 运算 符 ” 方 法 实现 第 (4) 题 的 功能 。 

(6) 设计 后 台 管理 页 面 ， 利 用 LINQto SQL 添加 、 删 除 、 修 改 商 品 。 

(7) 使 用 存储 过 程 实现 第 (5) 题 的 功能 。 

(8) 利用 LINQ 技术 将 Product 表 转 换 成 XML 文档 。 

(9) 利用 LINQ to XML 根据 文本 框 中 的 输入 值 添加 、 查 询 、 删 除 、 修 改 XML 元 素 。 

(10) 查 找 资 料 ,配置 一 个 以 SQL Server 用 户 方式 访问 SQLEXPRESS 数据 库 实 例 的 网 站 ， 
使 得 该 网 站 能 发 布 到 IIS 7.5 中 并 正常 运行 。 
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本 章 要 点 : 





数据 绑 定 


* 熟练 掌握 ListControl 类 控件 与 数据 源 的 绑 定 。 
* 熟练 掌握 GridView 控件 与 数据 源 的 绑 定 。 
。 掌握 DetailsView 控件 与 数据 源 的 绑 定 。 


8.1 数据 绑 定 概述 


数据 源 控件 和 LINQ 技术 实现 了 数据 访问 ， 而 要 把 访问 到 的 数据 显示 出 来 ， 就 需要 数据 
绑 定 控件 。 图 8-1 给 出 了 数据 绑 定 控件 对 应 类 的 继承 关系 的 层次 结构 。 
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DataBoundControl HierarchicalDataBoundControl 
Chart ListControl CompositeDataBoundControl TreeView 
AdRotator CheckBoxList DetailsView 
SS Menu 
ListView DropDownList GridView 
ListBox FormView 


















































图 8-1 数据 绑 定 控件 对 应 类 的 继承 关系 的 层次 结构 


数据 绑 定 控件 若 与 数据 源 控 件 结合 显示 数据 , 则 需 设置 DataSourceID 属性 值 为 数据 源 控 
件 的 ID; 若 与 LINQ 技术 结合 ， 则 需 设置 DataSource 属性 值 为 LINQ 查询 结果 值 ， 并 调用 
DataBind() 方 法 显示 数据 。 


8.2 ”ListControl 类 控件 











ListControl 类 控件 使 用 频繁 ， 第 4 章 已 介绍 ListControl 类 控件 的 使 用 ， 本 节 主 要 介绍 如 
何在 ListControl 类 控件 中 显示 数据 库 数据 。 

在 ListControl 类 控件 中 ,与 数据 库 数据 显示 有 关 的 属性 主要 包括 AppendDataBoundItems、 
DataSourceID 、DataSource 、DataTextField 、DataValueField。 其 中 ，AppendDataBoundItems 
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用 于 将 数据 绑 定 项 追加 到 静态 声明 的 列表 项 上 ; DataTextField 绑 定 的 字段 用 
于 显示 列表 项 ，DataValueField 绑 定 的 字段 用 于 设置 列表 项 的 值 。 


实例 8-1 结合 使 用 DropDownList 和 LINQ 显示 数据 加 9 
如 图 8-2 和 图 8-3 所 示 ，DropDownList 控件 中 显示 的 是 Category 表 的 实例 8-1 
Name 字段 值 ， 而 列表 项 的 值 对 应 的 是 CategoryId 字段 值 。 





re) 本 PE 一 X 
@G rl [< 


Backyard ”YY| 您 选择 的 CategoryId 为 : 3 

















图 8-2 ”DropLinq.aspx 浏览 效果 (1) 图 8-3 DropLinq.aspx 浏览 效果 (2) 


源 程序 ， DropLinq.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="DropLinq.aspx.cs" 
Inherits="Chap8_DropLinq" %> 
(上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:DropDownList ID="ddlCategory" runat="server" AppendDataBoundItems= "True" 
AutoPostBack="True" DataTextField="Name" DataValueField="CategoryId" 
OnSelectedIndexChanged="DdlCategory_SelectedIndexChanged"> 
<asp:ListItem>- 请 选择 -</asp:ListItem> 
</asp:DropDownList> 
<asp:Label ID="1b1Msg" runat="server"></asp:Label> 
</div> 
</form> 


”( 略 ) 


源 程序 : DropLinq.aspx.cs 
using System7 
using System.Linqg; 
public partial class Chap8 DropLinq : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Category 
Select rs 
ddlCategory.DataSource = results; 
ddlCategory.DataBind(); 
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} 
} 
protected void DdlCategory SelectedIndexChanged (object sender, EventArgs e) 
{ 
lblMsg .Text = "您 选择 的 CategoryId 为 : " + ddlCategory.SelectedValue; 
} 
} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 DropLinq.aspx。 添 加 DropDownList 和 Label 控件 各 一 个 。 
如 图 8-4 所 示 ， 设 置 DropDownList 控件 的 Items 属性 。 其 他 属性 设置 请 参考 源 代码 。 

(2) 建立 DropLinq.aspx.cs。 最 后 ， 浏 览 DropLinq.aspx 进行 测试 。 


-请 选择 - 属性 (BP); 
| + 国 %| 


* 


Selected False 
-请 选择 - 
-请 选择 - 


Text 
Value 














图 8-4 设置 Items 属性 


程序 说 明 : 

页 面 载 入 时 触发 Page.Load 事件 ， 执 行 Page_Load() 方 法 代码 。 若 为 首次 载 入 ， 则 利用 
LINQ 技术 查询 Category 表 ， 再 将 查询 结果 绑 定 到 ddlCategory 控件 。 当 选择 一 个 列表 项 后 ， 
触发 SelectedIndexChanged 事件 ， 执 行 对 应 的 事件 处 理 代码 ， 显 示 选 中 列表 
项 的 CategoryId 字段 值 。 


实例 8-2 ”根据 选择 项 填充 列表 框 内 容 


如 图 8-5 所 示 ， 当 选择 单 选 按钮 对 应 的 商品 分 类 名 称 时 ， 在 列表 框 中 显 
示 该 分 类 中 的 所 有 商品 名 称 。 







实例 8-2 


ee x | 


Oe ee ofS | 


OFish ®Bugs OBackyard OBirds 〇 Endangered O Cats | 

















图 8-5 RdoListLinq.aspx 浏览 效果 
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源 程 序 : RdoListLinq.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RdoListLinqg.aspx.cs" 
Inherits="Chap8 RdoListLinq" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:RadioButtonList ID="rdoltCategory" runat="server" AutoPostBack="True" 
DataTextField="Name" DataValueField="CategoryId" RepeatDirection="Horizontal" 
OnSelectedIndexChanged="RdoltCategory SelectedIndexChanged"> 
</asp:RadioButtonList> 
<asp:ListBox ID="lstProduct" runat="server" DataTextField="Name" 
DataValueField="ProductId"></asp:ListBox> 
</div> 
</form> 


… (上 略 ) 


源 程序 ，RdoListLinq.aspx.cs 
using System; 
using System.Linqg; 
public partial class Chap8 RdoListLinqg : System.Web.UI.Page 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
protected void Page Load(object sender, EventArgs e) 
{ 
// 页 面 首次 载 入 时 查询 Category 表 并 将 查询 结果 绑 定 到 rdoltCategory 
if (!IsPostBack) 
{ 
Var results = from r in db.Category 
select r; 
rdoltCategory.DataSource = results; 
rdoltCategory.DataBind(); 


} 
protected void RdoltCategory SelectedIndexChanged (object sender, EventArgs e) 


{ 
// 查 询 Product 表 中 CategoryId 字 段 值 与 选中 单 选 按 钮 对 应 的 Category 表 中 CategoryId 
// 字 段 值 相同 的 记录 
var results = from r in db.Product 
where r.CategorylId == int.Parse(rdoltCategory.SelectedValue) 
select r; 
lstProduct.DataSource = results; 


lstProduct .DataBind () > 
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8.3 ”GridView 控件 


GridView 控件 用 于 显示 二 维 表格 式 的 数据 ， 可 以 方便 地 实现 数据 绑 定 、 分 页 、 排 序 、 行 
选择 、 更 新 、 删 除 等 功能 。 


8.3.1 ”分 页 和 排序 
要 实现 分 页 功能 需要 设置 AllowPaging 属性 值 为 Tue。 分 页 的 效果 可 在 PagerSettings 属 
性 集合 中 设置 。 例 如 ， 用 于 设置 分 页 类 型 的 Mode 属性 ， 用 于 设置 “第 一 页 ” 


按钮 图 片 URL 的 FirstPageImageUrl 属性 等 。 要 实现 排序 功能 需要 设置 
AllowSorting 属性 值 为 True。 





Bh 
实例 8-3 ”分 页 和 排序 GridView 中 数据 实例 8-3 
如 图 8-6 所 示 ， 单 击 标题 栏 中 的 字段 能 按 该 字段 实现 排序 功能 ， 用 户 选 
择 每 页 显示 条 数 后 可 改变 GridView 中 显示 的 记录 数 ， 同 时 显示 当前 的 页 码 和 总 页 数 。 





公分 页 和 排序 Gridview 中 数据 x 





Name Descn 
12.10 11.40 IMeno IMeno ~/Prod Images/Fish/meno.gif 100 
|28.50 |25.50 Eucalyptus|Eucalyptus|~/Prod_Images/Fish/eucalyptus.gif]100 











|23.40 |11.40 IAnt IAnt ~/Prod_Images/Bugs/ant.gif 100 
|24.70 |22.20 Butterfly |Butterfly |~/Prod_Images/Bugs/butterfly.gif |100 





























每 页 显示 |5_v| 条 记录 当前 页 为 第 ! 页 ， 共 有 2 页 





图 8-6 ”GridPageSortaspx 浏览 效果 


源 程序 ，GridPageSort.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridPageSort.aspx.cs" 
Inherits="Chap8_GridPageSort" %> 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvProduct" runat="server" AllowPaging="True" 
AllowSorting="True" AutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="ldsProduct" 
PageSize="5" OnRowDataBound="GvProduct RowDataBound"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 
InsertVisible="False" ReadOonly="True" SortExpression="ProductId" /> 
<asp:BoundField DataField="CategorylId" HeaderText="CategoryId" 
SortExpression="CategorylId" /> 
<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" 


SortExpression="ListPrice" /> 
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<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" 
SortExpression="UnitCost" /> 
<asp:BoundField DataField="SuppId" HeaderText="SuppId" 
SortExpression="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" 
SortExpression="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" 
SortExpression="Descn" /> 
<asp:BoundField DataField="Image" HeaderText="Image" 
SortExpression="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" SortExpression="Qty" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 
每 页 显示 
<asp:DropDownList ID="ddlPageSize" runat="server" AutoPostBack="True" 
OnSelectedIndexChanged="DdlPageSize SelectedIndexChanged"> 
<asp:ListItem>5</asp:ListItem> 
<asp:ListItem>10</asp:ListItem> 
</asp:DropDownList> 
条 记录 gnbsp; gnbsp;<asp:Label ID="]lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (了 略 ) 


源 程序 : GridPageSort.aspx.cs 
using System 
using System.Web.UI.WebControls; 


public partial class Chap8 GridPageSort : System.Web.UI.Page 
{ 
protected void DdlPageSize SelectedIndexChanged (object sender, EventArgs e) 
{ 
gvProduct .PageSize = int.Parse (ddlPageSize.SelectedValue); 
gvProduct .DataBind() > 
} 
protected void GvProduct RowDataBound (object sender, GridViewRowEventArgs e) 
{ 
lblMsg .Text = "当前 页 为 第 " + (gvProduct.PageIndex + 1) .ToString() + "页 ， 共有 " 
+ (gvProduct.PageCount) .ToString() + "页 "; 


} 


操作 步骤 : 
(1) 在 Chap8 文件 夹 中 建立 GridPageSortaspx。 添 加 GridView、DropDownList、Label 
和 LinqDataSource 控件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 的 了 D 属性 值 。 
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(2) 配置 LinqDataSource 控件 的 数据 源 为 Product 表 。 

(3) 参考 源 程序 设置 GridView 的 AllowPaging、AllowSorting、DataSourceID、PageSize 
等 属性 以 及 其 他 控件 的 属性 。 

(4) 建立 GridPageSort.aspx.cs。 最 后 ， 浏 览 GridPageSort.aspx 进行 测试 。 

程序 说 明 : 

页 面 载 入 时 ，GridView 根据 设置 的 每 页 显示 条 数 显示 结果 。 

当 用 户 选择 每 页 显示 条 数 后 ， 触 发 SelectedIndexChanged 事件 ， 执 行 对 应 的 事件 处 理 代 
码 后 改变 GridView 的 PageSize 属性 值 ， 再 重新 绑 定 数据 。 

GridView 的 RowDataBound 事件 在 对 行进 行 数据 绑 定 后 被 触发 ， 因 此 ， 当 改变 当前 页 或 
改变 每 页 显示 条 数 时 都 会 触发 该 事件 。 此 时 ， 获 取 GridView 的 PageIndex 属性 值 即 为 当前 页 
码 ， 但 要 注意 PageIndex 的 编号 从 0 开始; 获取 PageCount 属性 值 即 为 总 页 数 。 

8.3.2 ”定制 数据 绑 定 列 

GridView 为 开发 人 员 提供 了 灵活 的 列 定制 功能 ， 如 增加 复 选 框 列 、 显 示 图 片 列 等 。 在 使 
用 该 功能 时 ， 需 要 设置 AutoGenerateColumns 属性 值 为 False。 实 际 上 ，GridView 中 的 每 一 列 
都 是 一 个 DataControlField 类 ， 并 从 该 类 派生 出 不 同类 型 的 子 类 。 表 8-1 给 出 了 GridView 中 
不 同类 型 的 绑 定 列 。 





























表 8-1 GridView 中 不 同类 型 的 数据 绑 定 列 对 应 表 
类 型 说 明 
用 于 显示 普通 文本 内 容 。 其 DataField 属性 用 于 设置 绑 定 的 数据 列 名 称 ;，HeaderText 
属性 用 于 设置 表 头 的 列 名 称 ， 如 将 原来 为 英文 的 字段 名 用 中 文 显示 
CheckBoxField 用 于 显示 布尔 类 型 数据 
用 于 创建 命令 按钮 列 。 其 ShowEditButton、ShowDeleteButton、ShowCancelButton 和 
ShowSelectButton 等 属性 用 于 设置 是 否 显示 对 应 类 型 的 按钮 
DynamicField 用 于 绑 定 动态 数据 列 
用 于 显示 图 片 列 。 其 DataImageUrlField 属性 用 于 设置 绑 定 图 片 路 径 的 数据 列 ， 
DataImageUrlFormatString 属性 用 于 设置 图 片 列 中 每 个 图 片 的 URL 的 格式 
用 于 显示 超 链 接 列 。 其 DataTextField 属性 将 绑 定 的 数据 列 显示 为 超 链接 的 文字 ; 
HyperLinkField DataNavigateUrlFields 属性 将 绑 定 的 数据 列 作为 超 链接 的 URL 地 址 ; 
DataNavigateUrlFormatString 属性 用 于 设置 超 链接 列 中 每 个 链接 的 格式 
定义 按钮 列 ， 与 CommandField 列 不 同 的 是 : ButtonField 所 定义 的 按钮 与 GridView 
没有 直接 关系 ， 可 以 自 定义 相应 的 操作 
TemplateField 以 模板 的 形式 自 定义 数据 列 


BoundField 





CommandField 


ImageField 





ButtonField 





实例 8-4” 自 定义 GridView 数据 绑 定 列 
如 图 8-7 所 示 ，GridView 呈现 Product 表 的 部 分 数据 ， 其 中 表 头 信息 以 中 文 表示 ， 显 示 
图 片 的 列 为 InageField 列 。 





[商品 单价 商品 名 称 | 商品 图 片 | 








12.10 IMeno 


| 


Ps4o Am 























图 8-7 ”GridBound aspx 浏览 效果 
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源 程序 : GridBound.aspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridBound.aspx.cs" 
Inherits="Chap8 GridBound" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 





<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="False" 
DataSourceID="ldsProduct"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText=" 商 品 编号 "” /> 
<asp:BoundField DataField="ListPrice" HeaderText=" 商 品 单价 ” /> 
<asp:BoundField DataField="Name" HeaderText=" 商 品名 称 ” /> 
<asp:ImageField DataImageUrlField="Image" HeaderText=" 商 品 图 片 "> 
<ControlStyle Height="25px" Width="35px" /> 
</asp:ImageField> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 
</div> 
</form> 


… (上 略 ) 

操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridBound.aspx。 添加 GridView 和 LinqDataSource 控件 各 一 
个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Product 表 。 

(3) 参考 源 程序 设置 GridView 的 DataSourceID 属性 值 。 如 图 8-8 所 示 ， 设 置 Columns 
属性 。 在 图 8-8 中 ， 可 根据 需要 添加 不 同类 型 的 列 ， 再 对 添加 的 列 分 别 设置 属性 。 最 后 ， 浏 
览 GridBound.aspx 查看 效果 。 






可 用 字段: BoundField 属性 (B): 


BoundField 国 &| 天 
国 CheckBoxField SorExpression 
昼 HyperlinkField ValidateRequestMode Inherit 
硬 Imagefield Visible True 
国 ButtonField 
GE CommandField 
‘加 Templatefield 
B DynamicField 


AccessibleHeaderText 


Datafield 
DataFormatString 





FooterText 
HeaderimageUrl 


加 ControlStyle 加 


HeaderText 




















此 字 息 的 标 头 内 的 文本 











Temolatefield 





图 8-8 设置 Columns 属性 
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程序 说 明 : 

本 实例 使 用 的 Product 表 的 Image 字段 存储 了 对 应 图 片 的 路 径 ， 此 时 要 在 GridView 中 显 
示 图 片 ， 只 需 设置 ImageField 列 的 DatalmageUrlField 属性 值 为 字段 名 Image 即 可 , 但 车 在 数 
据 库 中 存储 图 片 信息 时 仅 存 储 了 图 片 的 文件 名 ， 则 还 需 配合 使 用 DataImageUrlFormatString 
属性 。 例 如 ， 假 设 图 片 统一 存放 在 网 站 根 文件 夹 下 的 Images 文件 夹 ，Image 字段 存储 的 是 图 
片 的 文件 名 ， 则 要 能 正确 地 显示 图 片 ， 相 关 属 性 应 设置 如 下 : 








<asp: ImageField DataImageUrlField="Image" HeaderText=" 图 片 " 
DataImageUT1FormatString="~\Images\{0}"> 
</asp:ImageField> 


其 中 {0} 在 页 面 浏览 时 会 被 DataImageUrlField 属性 设置 的 Image 字段 值 代替 。 
8.3.3 ”使 用 模板 列 


在 实际 工程 中 ， 仅 使 用 标准 列 常 不 能 满足 要 求 ， 如 在 GridView 中 以 DropDownList 形式 
提供 数据 输入 , 在 编辑 字段 时 提供 数据 验证 功能 等 。 通过 使 用 模板 列 能 很 好 地 解决 这 些 问 题 。 















































在 创建 TemplateField 时 ， 需 根据 不 同 状态 和 位 置 的 行 提供 不 同 的 模板 ， 如 图 8-9 所 示 。 
不 同类 型 模板 说 明 如 表 8-2 所 示 。 
厂 全 选 | 商品 编号 商品 分 类 编号 | 商品 单价 品名 称 商品 库存 | 十 HeaderTemplate 
[a 1 1 12.10 IMeno 100 编 缉 。 十 ItemTemplate 
口 2 1 28.50 |Eucalyptus 100 此 组 十 AlternatingltemTemplate 
口 3 Backyard ” 国 |[23.40 nt 100 新 囊 洪 |- EditltemTemplate 
DC 4 2 24.70 utterfly 100 编辑 
Oils 3 3850 匡 100 | 编辑 
十 FooterTemplate 
12 十 PagerTemplate 











图 8-9 各 种 类 型 的 模板 


表 8-2 ”TemplateField 中 不 同类 型 的 模板 说 明 表 

















模 和 板 说 ”了 明 
AlternatingItemTemplate 为 交替 项 指定 要 显示 的 内 容 
EditItemTemplate 为 处 于 编辑 的 项 指定 要 显示 的 内 容 
FooterTemplate 为 脚注 项 指定 要 显示 的 内 容 
HeaderTemplate 为 标题 项 指定 要 显示 的 内 容 
ItemTemplate 为 TemplateField 列 指定 要 显示 的 内 容 
PagerTemplate 为 页 码 项 指定 要 显示 的 内 容 


其 中 ，AlternatingItemTemplate 需 与 IemTemplate 配合 使 用 。 若 未 设置 AltematingItem- 
Template， 则 GridView 的 所 有 数据 行 都 以 ItemTemplate 显示 ; 若 已 设置 Altemating- 
ItemTemplate ， 则 GridView 中 的 奇数 数据 行 以 ItemTemplate 显示 ， 偶 数 数 据 行 以 
AlternatingItemTemplate 显示 。 

在 为 各 种 不 同类 型 的 模板 中 添加 内 容 时 ， 常 使 用 不 同 的 数据 绑 定 方法 Eval0 和 Bind0。 
其 中 ，Eval0 用 于 单 向 (只 读 ) 绑 定 ， 而 Bind0 用 于 双向 〈 可 更 新 ) 绑 定 。 这 些 方法 在 使 用 时 
需要 包含 在 <%#…%> 中 。 实 际 上 ， 在 .aspx 文件 中 ， 通 过 <%#…%> 还 可 绑 定 变量 、 集 合 、 表 
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达 式 等 。 例 如， 若 name 是 在 .aspx.cs 文件 中 定义 的 公共 变量 ， 则 在 .aspx 文件 
中 使 用 <%# name %> 并 通过 在 .aspx.cs 文件 中 调用 Page.DataBind0) 方 法 后 即 
在 浏览 页 面 中 显示 name 变量 值 。 





实例 8-5 ”运用 GridView 模板 列 
如 图 8-10 所 示 ， 复 选 框 列 和 “商品 分 类 编号 ” 列 为 模板 列 。 







































































图 8-10 GridTemplate.aspx 浏览 效果 


源 程序 ， GridTemplate.aspx 部 分 代码 
<%@ Page Language="C#"”RutoEventWireup= 
Inherits="Chap8_ GridTemplate" 和 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 





true" CodeFile="GridTemplate.aspx.cs" 


<asp:GridView ID="gvProduct" runat="server" AllowPaging="True" 
AutoGenerateColumns="False" DataKeyNames="ProductId" 
DataSourceID="1dsProduct" PageSize="5"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:CheckBox ID="chkItem" runat="server" /> 
</ItemTemplate> 
<HeaderTemplate> 
<asp:CheckBox ID="chkAll" runat="server" AutoPostBack="True" 
Text=" 全 选 " onCheckedChanged="ChkAll CheckedChanged" /> 
</HeaderTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="ProductId" HeaderText=" 商 品 编号 " 
InsertVisible="False" ReadOonly="True" /> 
<asp:TemplateField HeaderText=" 商 品 分 类 编号 "> 
<ItemTemplate> 
<asp:Label ID="lblCategoryId" runat="server™" 
Text="'<$%# Bind("CategoryId") %>'></asp:Label> 
</ItemTemplate> 
<EditItemTemplate> 


<asp:DropDownList ID="ddlCategory" runat="server™ 
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DataSourceID="ldsCategory" DataTextField="Name" 
DataValueField="CategoryId" 
SelectedValue='<%# Bind("CategoryId") %>'> 
</asp:DropDownList> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
</EditItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField="ListPrice" HeaderText=" 商 品 单价 "” /> 
<asp:BoundField DataField="Name" HeaderText=" 商 品名 称 "” /> 
<asp:BoundField DataField="Qty"” HeaderText=" 商 品 库存 " /> 
<asp:CommandField ShowEditButton="True" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableUpdate="True" 
TableName="Product"> 
</asp:LinqDataSource> 
<asp:Button ID="btnsubmit" runat="server" Text=" 确 定 " 
OnClick="BtnSubmit Click" /> 
<asp:Label ID="lblProductId" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 : GridTemplate.aspx.cs 
using System 
using System.Web.UI.WebControls; 
public partial class Chap8_GridTemplate : System.Web.UI.Page 
{ 
protected void ChkAll CheckedChanged (object sender, EventArgs e) 
{ 
// 获 取 GridView 标题 行 中 的 chkA11 对 象 
CheckBox chkAll = (CheckBox) sender; 
foreach (GridViewRow gvRow in gvProduct.Rows) 
{ 
/ /获取 GridView 数据 行 中 的 chkItem 对 象 
CheckBox chkItem = (CheckBox)gvRow.FindControl ("chkItem"); 
chkItem.Checked = chkAll.Checked; 


} 
protected void BtnSubmit Click(object sender, EventArgs e) 
{ 

lblProductId.Text = "您 选择 的 ProductId 为 : "; 


foreach (GridViewRow gvRow in gvProduct .Rows) 








{ 
CheckBox chkItem = (CheckBox)gvRow.FindControl ("chkItem"); 
if (chkItem.-Checked) 
和 

lblProductId.Text += gvRow.Cells[1].Text + "、"; 

1 

} 

} 
} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridTemplate.aspx。 添 加 GridView、LinqDataSource、Bnutton 
和 Label 控件 各 一 个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Product 表 ， 再 设置 EnableUpdate 属性 值 为 
True 后 绑 定 到 GridView。 

(3) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 一 列 带 编辑 、 更 新 和 取消 的 
CommandField 及 一 列 TemplateField， 调 整 TemplateField 列 位 置 ， 再 将 CategoryId 列 转换 为 
TemplateField。 

(4) 单 击 GridView 的 智能 标记 ， 选 择 “ 编 辑 模板 ”一 “Column[0]” 选 项 ， 呈 现 如 图 8-11 
所 示 的 界面 。 在 ItemTemplate 和 HeaderTemplate 内 容 区 各 添加 CheckBox 控件 一 个 ， 参 考 源 
程序 设置 各 控件 属性 。 

(5) 选择 “Column[2]- 商 品 分 类 编号 ”选项 ， 呈现 如 图 8-12 所 示 的 界面 。 在 ItemTemplate 
内 容 区 中 ， 设 置 Label 控件 的 ID 属性 。 在 EditItemTemplate 内 容 区 中 ， 删 除 原来 的 TextBox 
控件 , 添加 DropDownList 和 LinqDataSource 控件 各 一 个 , 参考 源 程序 设置 各 控件 的 ID 属性 。 
设置 LinqDataSource 数据 源 为 Category 表 并 绑 定 到 DropDownList。 其 中 DropDownList 中 显 
示 的 数据 字段 为 Name， 值 的 数据 字段 为 CategoryId (属于 Category 表 )。 单 击 DropDownList 
控件 的 智能 标记 ， 选 择 “ 编 辑 DataBindings” 选 项 ， 呈 现 如 图 8-13 所 示 的 对 话 框 。 在 图 8-13 
中 输入 自 定 义 绑 定 代码 表达 式 Bind("CategoryId") 将 SelectedValue 属性 绑 定 到 CategoryId ( 属 
于 Product 表 )， 单 击 “ 确 定 ” 按 钮 完成 绑 定 。 

(6) 建立 GridTemplate.aspx.cs。 最 后 ， 浏 览 GridTemplate.aspx 进行 测试 。 
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图 8-11 “Column[0]” 模 板 编辑 界面 
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8-12 “Column[2]- 商 品 分 类 编号 ”模板 编辑 界面 
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选择 要 绑 定 到 的 尾 性 ， 然 后 可 通过 选择 字段 来 绑 定 它 。 也 可 使 用 自 定义 代码 表达 式 绑 定 它 . 


咱 “可 绪 定 属性 (P): 为 SelectedValue 绑 定 





褒 DataSource 字段 绑 定 (日 
办 Enabled 


茄 SelectedIndex 
忆 


办 Visible 

















加 自 定 义 兰 定 (GO): 
代码 表达 式 (E): 
Bind("Categoryld") 








图 8-13 ”编辑 DataBindings 界面 


程序 说 明 : 

ChkAll CheckedChanged0 方 法 将 GridView 数据 行 中 所 有 复 选 框 的 状态 设置 为 与 
GridView 标题 行 中 复 选 框 相同 的 状态 。BtnSubmit_Click() 方 法 获取 所 有 选中 商品 的 编号 。 

在 模板 列 中 不 能 直接 访问 各 模板 中 的 控件 , 需 使 用 FindControl0 方 法 在 GridView 控件 的 
GridViewRow 对 象 中 找到 后 才能 访问 这 些 控件 。 


8.3.4 利用 GridView 编辑 、 删 除数 据 


单 击 GridView 的 智能 标记 ， 选 择 “ 启 用 编辑 ”和 “启用 删除 ”选项 ， 可 提供 编辑 和 删除 
数据 功能 。 当 然 ， 绑 定 至 GridView 的 数据 源 控件 也 要 提供 更 新 、 删 除 功 能 。 这 时 ， 当 用 户 单 
击 “删除 ”链接 按钮 时 ， 系 统 不 会 给 出 提示 信息 就 直接 删除 表 中 数据 ， 这 样 
容易 导致 误 操 作 。 这 种 问题 可 以 通过 添加 JavaScript 代码 解决 。 

实例 8-6 为 GridView 中 “删除 ”链接 按钮 添加 客户 端 提示 信息 


如 图 8-14 所 示 ， 当 用 户 单 击 “删除 ”链接 按钮 试图 删除 某 行 数据 时 ， 系 
统 会 给 出 提示 信息 让 用 户 确认 。 







































































— 名 | 买 
i€ 总 mpy/ocalhost62954/Chap 月 > 所 | 入 为 Gridview 中 国 除 控 轩 未， x ee 
[Categoryla| Name | Descn | 编 希 删除 
1 IFish [Fish 编辑 | 删除 | 

ll2 lBugs Bugs EE 三 本 
Buy 上 cea 博 于 全 时 和 你 下 天 得 除 分 类 名 为 Cats 的 记录 加? 

4 |Birds Birds | 编辑 | 删除 
5 |EndangeredjEndangsred 给 短 | 刑 除 | 
5 ss。 二 下 你 过 席 蓉 宙 罗 除 





图 8-14 GridDelete.aspx 浏览 效果 


源 程序 : GridDelete aspx 部 分 代码 





<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="GridDelete.aspx.cs" 
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Inherits="Chap8 GridDelete" $%> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False" 
DataKeyNames="CategoryId" DataSourceID="ldsCategory" 
OnRowDataBound="GvCategory RowDataBound"> 
<Columns> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" 
InsertVisible="False" ReadOonly="True" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField= 
<asp:CommandField ShowEditButton="True" HeaderText=" 编 辑 " /> 
<asp:CommandField HeaderText=" 删 除 ” ShowDeleteButton="True" /> 
</Columns> 
</asp:GridView> 





"Descn" HeaderText="Descn" /> 


<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableDelete="True" 
EnableUpdate="True" TableName="Category"> 
</asp:LinqDataSource> 

</div> 

</form> 


… ( 咯 ) 


源 程序 : GridDelete.aspx.cs 
using System.Web.UI.WebControls; 
public partial class Chap8 GridDelete : System.Web.UI.Page 


{ 
protected void GvCategory_ RowDataBound (object sender, GridViewRowEventArgs e) 


{ 
if (e.Row.RowType == DataControlRowType.DataRow)  // 判 断 数 据 行 


{ 

try 

{ 
// 获 取 “ 删 除 ” 链 接 按钮 
LinkButton lnkbtnDelete = (LinkButton)e.Row.Cells[4] .Controls[0]; 
// 添 加 uavaScript 代码 实现 客户 端 信息 的 提示 
lnkbtnDelete.OnClientClick = "return confirm(" 您 真 要 删除 分 类 名 为 " 

+ e.Row.Cells[1] .Text + "的 记录 吗 ?') "7 
catch 


{ 
// 若 try 块 有 异常 ， 则 不 做 任何 操作 
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} 
} 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridDelete.aspx。 添 加 LinqDataSource 和 GridView 控件 各 一 
个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 LinqDataSource 控件 的 数据 源 为 Category 表 ， 再 设置 EnableDelete 和 
EnableUpdate 属性 值 为 True， 最 后 绑 定 到 GridView。 

(3) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 两 列 CommandField， 其 中 一 列 为 
“编辑 、 更 新 、 取 消 ” 列 ， 另 一 列 为 “删除 ” 列 。 

(4) 建立 GridDelete.aspx.cs。 最 后 ， 浏 览 GridDelete.aspx 进行 测试 。 

程序 说 明 : 

Category 表 中 的 CategoryId 字段 为 主键 , 该 信息 包含 于 GridView 的 DataKeyNames 属性 
中 。 另 外 ，CategoryId 字段 已 设置 为 标识 ， 该 字段 值 会 自动 生成 ， 不 能 被 编辑 ， 因 此 ， 该 字 
段 对 应 的 绑 定 列 应 设置 InsertVisible="False" 且 ReadOnly="True"。 

GridView 的 RowDataBound 事件 在 数据 被 分 别 绑 定 到 行 时 触发 。 由 于 单 击 “ 编 辑 ” 链 接 
按钮 后 ,“ 删 除 ” 链 接 按钮 将 消失 ， 此 时 就 不 能 获取 “删除 ”链接 按钮 对 象 ， 所 以 通过 使 用 
try…catch 结构 使 得 用 户 单 击 “ 编 辑 ” 链 接 按钮 时 将 执行 catch 块 中 的 操作 《〈catch 块 为 空 ， 因 
此 不 做 任何 操作 )。 事 件 处 理 代码 中 的 eRow 返回 “删除 ”链接 按钮 的 所 在 行 对 象 。RowType 
返回 GridView 中 行 的 类 型 ， 值 包括 DataRow (数据 行 )、Footer (脚注 行 )、Header (标题 行 )、 
EmptyDataRow (〈 空 行 )、Pager 〈 导 航行 ) 和 Separator (分 隔 符 行 ) 共 六 种 类 型 。Cells 集合 
返回 指定 行 中 的 所 有 单元 格 对 象 ，Controls 集合 返回 指定 单元 格 中 的 所 有 控 
件 对 象 。 









实例 8-7 结合 Gridview 和 独立 页 修改 数据 加 
如 图 8-15 和 图 8-16 所 示 ， 当 单 击 “ 修 改 ” 链 接 后 ， 在 另 一 个 独立 的 页 实例 8-7 
面 中 修改 对 应 行 的 数据 。 


EEC X | 


eveoreeas5 - 0 


iCategoryld| Name 
[Fish 

|Bugs 
lBackyard 
lBirds 
[Endangered| 
Cats 




































































图 8-15 GridUpdate.aspx 浏览 效果 图 8-16 独立 页 修改 数据 界面 
源 程序 ，GridUpdate.aspx 部 分 代码 





<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="GridUpdate.aspx.cs" 
Inherits="Chap8 GridUpdate" 和 > 
… (了 略 ) 


<form id="forml" runat="server"> 
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<div> 
<asp:GridView ID="gvCategory" runat="server" AutoGenerateColumns="False"> 
<Columns> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:HyperLinkField DataNavigateUrlFields="CategoryId" 
DataNavigateUrlFormatString="~/Chap8/Update.aspx?CategoryId={0}" 
Text=" 修 改 ” /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


… ( 略 ) 





源 程序 : GridUpdate.aspx.cs 


using System 
using System.Linqg; 
public partial class Chap8 GridUpdate : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
var results = from r in db.Category 
select r; 
gvCategory.DataSource = results; 
gvCategory.DataBind(); 


源 程序 : Update.aspx 部 分 代码 
<sQ@ Page Language="C#" RutoEventWireup="true"” CodeFile="Update.aspx.cs" 
Inherits="Chap8_Update"” 当 > 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
分 类 ID: <asp:TextBox ID="txtCategoryId" runat="server"></asp:TextBox><br /> 
分 类 名 : <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br /> 






描述 : <asp:TextBox ID="txtDescn" runat="server" TextMode="MultiLine"> 
</asp:TextBox><br /> 
<asp:Button ID="btnUpdate" runat="server"” Text=" 修 改 " 
OnClick="BtnUpdate Click" /> 
</div> 
</form> 


… ( 略 ) 
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源 程序 : Update aspx.cs 





using System; 
using System.Linqg; 
public partial class Chap8 Update : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack & Request.QueryString["CategoryId"] != null) 
| 
int categoryId = int.Parse (Request.QueryString["CategoryId"]); 
MyPetShopDataContext db = new MyPetShopDataContext (); 
// 获 取 要 修改 的 记录 对 象 
Var category = (from r in db.Category 
where r.CategorylId == categoryId 
select r) .First(); 
// 分 类 编号 是 标识 ， 不 能 更 改 
txtCategoryId.Readonly = true; 
txtCategoryId.Text = category.CategoryId.ToString(); 
txtName.Text = category.Name; 
txtDescn.Text = category.Descn; 


} 
protected void BtnUpdate Click(object sender, EventArgs e) 


{ 

MyPetShopDataContext db = new MyPetShopDataContext (); 

var category = (from r in db.Category 
where LI.CategoryId == int.Parse (txtCategoryId.Text) 
select z) .First(); 

category.Name = txtName.Text; 

category.Descn = txtDescn.Text; 

db.SubmitChanges () ; 

Response.Redirect ("~/Chap8/GridUpdate.aspx"); 


} 


操作 步 又 : 

(1) 在 Chap8 文件 夹 中 建立 GridUpdate aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 
别 设置 ID 和 AutoGenerateColumns 属性 值 。 

(2) 在 设置 GridView 的 Columns 属性 对 话 框 中 ， 添 加 三 列 BoundField 和 一 列 
HyperLinkField， 参 考 源 程 序 设置 各 列 的 属性 。 

(3) 建立 GridUpdate.aspx.cs。 

(4) 在 Chap8 文件 夹 中 建立 Update.aspx, 参考 源 程序 添加 各 个 控件 并 设置 各 控件 属性 值 。 

(5) 建立 Update.aspx.cs。 最 后 ， 浏 览 GridUpdate aspx 进行 测试 。 

程序 说 明 : 

GridUpdate aspx 页 面 首次 载 入 时 利用 LINQ 技术 查询 Category 表 并 将 结果 绑 定 到 


SN 
[oj 
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gvCategory。HyperLinkField 列 的 DataNavigateUrlFormatString 属性 值 确定 了 目标 URL 的 格 
式 ， 其 中 {0} 在 页 面 浏 览 时 会 被 DataNavigateUrlFields 对 应 的 字段 值 代替 。 例 如 ， 若 单 击 
CategoryId 值 为 13 所 在 行 的 “修改 ”链接 后 , 页 面 跳 转 到 ~/Chap8/Update.aspx?CategoryId=13， 
其 中 {0} 已 被 CategoryId 值 所 代替 。 

在 Update.aspx 页 面 首次 载 入 且 查 询 字 符 串 中 的 CategoryId 值 非 空 时 , 利用 LINQ 技术 根 
据 查 询 字符 串 中 的 CategoryId 值 查询 要 修改 的 记录 ， 再 将 该 记录 中 各 字段 的 值 显示 在 对 应 的 
文本 框 中 。 当 用 户 完成 修改 并 单 击 图 8-16 所 示 中 的 “修改 ”按钮 后 ， 利 用 LINQ 技术 根据 
txtCategoryId 中 的 CategoryId 值 查询 要 修改 的 记录 ， 再 根据 txtName 和 txtDescn 文本 框 中 的 
值 修改 对 应 的 属性 ， 最 后 将 修改 结果 提交 到 数据 库 进行 保存 。 


8.3.$5 显示 主 从 表 


需要 显示 主 从 表 的 情形 常 与 数据 库 中 的 “一 对 多 ”联系 对 应 ， 如 一 种 商品 分 类 包含 多 种 
商品 , 一 个 供应 商 供应 多 种 商品 等 。 这 种 情形 在 数据 库 中 根据 规范 化 理论 应 该 设计 成 多 张 表 ， 
要 显示 多 张 表 就 涉及 表 的 同步 问题 。 例 如 ， 若 使 用 一 个 GridView 显示 商品 分 类 表 ， 那么 当选 
择 某 种 商品 分 类 时 ， 另 一 个 GridView 能 同步 显示 该 商品 分 类 中 包含 的 所 有 商品 。 

显示 主 从 表 根 据 实 际 需求 可 分 为 在 同一 页 或 不 同 页 两 种 情况 。 

实例 8-8 ”在 同一 页 显示 主 从 表 

如 图 8-17 所 示 ， 当 单 击 “选择 ”链接 按钮 时 ,“ 从 表 ” 中 将 显示 “ 主 表 ” 

中 不 同 商品 分 类 包含 的 所 有 商品 。 














实例 8-8 








ish ”|Fish | 选择 
Ugs |Busgs = 
选 笃 | 








一 生 | Descn 
FF 


|BackyardjBackyard| 





























CategoryId|ListPrice |IUnitCostlSuppI Name Descn JImage Qty 
人 |12.10 11.40 1 Meno Meno ~/Prod_Images/Fish/meno.gif 100 
1 l28.50 25.50 1 |Eucalyptus|Eucalyptus|~/Prod_Images/Fish/eucalyptus.gif]100 











图 8-17 GridMainSub.aspx 浏览 效果 


源 代码 :GridMainSub.aspx 部 分 代码 
<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="GridMainSub.aspx.cs" 
Inherits="Chap8 GridMainSub" 和 当 > 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
主 表 


<asp:GridView ID="gvCategory" runat="server" AllowPaging="True" 
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AutoGenerateColumns="False"”DataKeyNames="CategoryId" 
DataSourceID="ldsCategory" PageSize="3"> 
<Columns> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" 
InsertVisible="False" Readonly="True" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField= 
<asp:CommandField ShowSelectButton="True" /> 
</Columns> 





Descn" HeaderText="Descn" /> 


</asp:GridView> 
从 表 
<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="ldsProduct"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 
InsertVisible="False" ReadOonly="True" /> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="SuppId" HeaderText="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:BoundField DataField="Image" HeaderText="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
</Columns> 
</asp:GridView> 
<asp:LinqDataSource ID="ldsCategory" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Category"> 
</asp:LinqDataSource> 
<asp:LinqDataSource ID="ldsProduct" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product" 
Where="CategoryId == Q@CategoryId"> 
<WhereParameters> 
<asp:ControlParameter ControlID="gvCategory" DefaultValue="1" 
Name="CategoryId" PropertyName="SelectedValue" Type="Int32" /> 
</WhereParameters> 
</asp:LinqDataSource> 
</div> 
</form> 


… ( 略 ) 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridMainSub.aspx。 添加 GridView 和 LinqDataSource 控件 各 
两 个 ， 参 考 源 程序 分 别 设置 各 控件 的 ID 属性 值 。 

(2) 设置 ldsCategory 控件 的 数据 源 为 Category 表 并 绑 定 到 gvCategory 控件 。 单 击 
gvCategory 控件 的 智能 标记 ， 选 择 “ 启 用 选 定 内 容 ” 选 项 。gvCategory 控件 的 其 他 属性 设置 








[es) 
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请 参考 源 程序 。 
(3) 设置 ldsProduct 控件 的 数据 源 为 Product 表 ， 如 图 8-18 所 示 配 置 Where 表达 式 。 配 
置 完成 后 再 将 ldsProduct 绑 定 到 gvProduct 控件 。 最 后 ， 浏 览 GridMainSub.aspx 进行 测试 。 
































Control 





表达 式 : 

Categoryld == @Categoryld gvCategory.SelectedValue 
预 鉴 

表达 式 




















图 8-18 ”ldsProduct 控件 中 “配置 Where 表达 式 ” 对 话 框 


程序 说 明 : 
当 单 击 “ 选 择 ” 链 接 按钮 时 ，gvCategory.SelectedValue 属性 返回 选择 行 所 对 应 的 主键 
CategoryId 值 ， 再 将 该 值 传递 给 ldsProduct 中 查询 语句 的 参数 @CategoryId。 


实例 8-9 在 不 同 页 显示 主 从 表 
如 图 8-19 和 图 8-20 所 示 ， 当 单 击 CategoryId 列 中 的 链接 时 ， 在 另 一 个 页 面 显 示 该 商品 

分 类 中 包含 的 所 有 商品 。 
mr 


D6 
主 表 
CategoryId| Name Descn 
IFish IFish IFish 
IBugs IBugs IBugs 
[Backyard |Backyard |Backyard 
lBirds Birds Birds 
Endangered|EndangeredlEndangered 
Cats Cats | 有 点 像 老虎 












































图 8-19 在 不 同 页 显示 主 从 表 (1) 
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从 表 
PProduetIdjCategoryIdjListPricejUnitCostSuppId] 


1 12.10 11.40 1 






































2 28.50 25.50 1 








图 8-20 在 不 同 页 显示 主 从 表 (2) 
源 程序 ，GridMain aspx 部 分 代码 





<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="GridMain.aspx.cs" 
Inherits="Chap8 GridMain" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
主 表 
<asp:GridView ID="gvCategory" runat="server" 
AutoGenerateColumns="false"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields="CategoryId" 
DataNavigateUrlFormatString="~/Chap8/GridSub.aspx?CategoryId={0}" 
DataTextField="Name" HeaderText="CategoryId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 
0 ( 略 》 


源 程序 : GridMain aspx.cs 





using System7 
using System.Linqg; 
public partial class Chap8_GridMain : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Category 
select rs 
gvCategory.DataSource = results; 


gvCategory.DataBind(); 





源 程序 ，GridSub.aspx 部 分 代码 





<%sQ@ Page Language="C#" AutoEventWireup="true" CodeFile="GridSub.aspx.cs" 
Inherits="Chap8 GridSub" $%> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
从 表 
<asp:GridView ID="gvProduct" runat="server" AutoGenerateColumns="false"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" /> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="ListPrice" HeaderText="ListPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="SuppId" HeaderText="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:ImageField DataImageUrlField="Image" HeaderText="Image"> 
<ControlSstyle Height="25px" Width="35px" /> 
</asp: ImageField> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
</Columns> 
</asp:GridView> 
</div> 
</form> 


…( 略 ) 


源 程序 : GridSub.aspx.cs 
using System; 
using System.Linqy7 
public partial class Chap8_GridSub : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
Var results = from r in db.Product 
where LI-CategoryId == int.Parse (Request .QueryString 
["CategoryId"]) 
select rs 
gvProduct .DataSource = results; 
gvProduct .DataBind() > 
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操作 步骤 : 

(1) 在 Chapg 文件 夹 中 建立 GridMain aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 别 
设置 ID 和 AutoGenerateColumns 属性 值 。 

(2) 在 设置 gvCategory 控件 的 Columns 属性 对 话 框 中 ， 添 加 一 列 HyperLinkField 和 两 列 
BoundField， 参 考 源 程序 分 别 设置 各 列 的 属性 。 

(3) 建立 GridMain.aspx.cs。 

(4) 在 Chap8 文件 夹 中 建立 GridSub.aspx。 添 加 一 个 GridView 控件 ， 参 考 源 程序 分 别 设 
置 ID 和 AutoGenerateColumns 属性 值 。 

(5) 在 设置 gvProduct 控件 的 Columns 属性 对 话 框 中 ， 添 加 八 列 BoundField 和 一 列 
JImageField， 参 考 源 程序 分 别 设置 各 列 的 属性 。 

(6) 建立 GridSub.aspx.cs。 最 后 ， 浏 览 GridMain.aspx 进行 测试 。 

程序 说 明 : 
当 单 击 “ 主 表 ” 页 面 中 的 链接 时 ， 相 应 的 查询 字符 串 传 递 到 “从 表 ” 页 面 ， 再 根据 其 中 
的 CategoryId 值 利用 LINQ 技术 查询 Product 表 ， 并 将 查询 结果 绑 定 到 gvProduct 进行 显示 。 





8.4 DetailsView 控件 


DetailsView 控件 以 表格 形式 显示 和 处 理 来 自 数据 源 的 单条 记录 ,其 表格 只 包含 两 个 数据 
列 。 一 个 数据 列 逐 行 显示 各 字段 名 ， 另 一 个 数据 列 显示 对 应 字段 名 的 数据 值 。 与 GridView 相 
比较 ，DetailsView 增加 了 数据 插入 的 功能 。 


实例 8-10 ”结合 GridView 和 DetailsView 管理 数据 
如 图 8-21 所 示 ， 当 单 击 GridView 中 “详细 资料 ”链接 按钮 后 ， 在 
DetailsView 中 显示 “详细 资料 ”链接 按钮 所 在 行 对 应 的 记录 的 详细 信息 ， 然 实例 8-10 
后 在 DetailsView 中 可 根据 需要 进行 编辑 、 删 除 、 新 建 记 录 等 操作 。 








详细 资料 
jProduetld 
[Cateaoryidl 
ListPrice 
|UnitCost 
Suppid 
Name 























IDescn nO 
IFlowerloving| limage |-/Prod_Images/Fish/meno.gi 
Panda y 100 



































= Qr 
fpointy 区 类 逊 轻 到 了 医 新 革 





图 8-21 ”GridDetails.aspx 浏览 效果 
源 程序 : GridDetails.aspx 部 分 代码 





<%@ Page Language="C#" RutoEventWireup="true" CodeFile="GridDetails.aspx.cs" 
Inherits="Chap8 GridDetails" 各 > 

… (上 略 ) 

<form id="forml" runat="server"> 
<div> 
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<table> 
<tr> 
<td class="tdSstyle"> 
<asp:GridView ID="gvProduct" runat="server" RutoGenerateColumns="False" 
DataKeyNames="ProductId" DataSourceID="1dsGrid"> 
<Columns> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:CommandField SelectText=" 详 细 资 料 " ShowSelectButton="True" /> 
</Columns> 
</asp:GridView> 
</td> 
<td> 
<asp:DetailsView ID="dvProduct" runat="server" AutoGenerateRows="False" 
DataKeyNames="ProductId" DataSourceID="ldsDetails" 
HeaderText=" 详 细 资 料 " OnItemDeleted="DvProduct ItemDeleted" 
OnItemInserted="DvProduct ItemInserted"> 
<Fields> 
<asp:BoundField DataField="ProductId" HeaderText="ProductId" 
InsertVisible="false" /> 
<asp:BoundField DataField="CategoryId" HeaderText="CategoryId" /> 
<asp:BoundField DataField="ListPrice" HeaderText istPrice" /> 
<asp:BoundField DataField="UnitCost" HeaderText="UnitCost" /> 
<asp:BoundField DataField="SuppId" HeaderText="SuppId" /> 
<asp:BoundField DataField="Name" HeaderText="Name" /> 
<asp:BoundField DataField="Descn" HeaderText="Descn" /> 
<asp:BoundField DataField="Image" HeaderText="Image" /> 
<asp:BoundField DataField="Qty" HeaderText="Qty" /> 
<asp:CommandField ShowDeleteButton="True" ShowEditButton="True" 
ShowInsertButton="True" /> 
</Fields> 
</asp:DetailsView> 
</td> 
</tr> 
</table> 
<asp:LinqDataSource ID="ldsGrid" runat="server" 
ContextTypeName="MyPetShopDataContext" TableName="Product"> 
</asp:LinqDataSource> 





<asp:LinqDataSource ID="ldsDetails" runat="server" 
ContextTypeName="MyPetShopDataContext" EnableDelete="True" 
EnableInsert="True" EnableUpdate="True" TableName="Product" 
Where="ProductId == @ProductId"> 
<WhereParameters> 
<asp:ControlParameter ControlID="gvProduct" DefaultValue="1" 
Name="ProductId" PropertyName="SelectedValue" Type="Int32" /> 


</WhereParameters> 
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</asp:LinqDataSource> 
</div> 
</form> 


… ( 咯 ) 


源 程序 : GridDetails.aspx.cs 





using System.Web.UI.WebControls; 
public partial class Chap8 GridDetails : System.Web.UI.Page 
{ 
protected void DvProduct ItemDeleted (object sender, DetailsViewDeletedEventArgs e) 
{ 
gvProduct .DataBind(); 
} 
protected void DvProduct ItemInserted (object sender, DetailsViewInsertedEventArgs e) 
{ 
gvProduct .DataBind (); 
} 
, 


操作 步骤 : 

(1) 在 Chap8 文件 夹 中 建立 GridDetails.aspx。 插 入 一 个 用 于 页 面 布局 的 1 行 2 列 表格 。 
在 两 个 单元 格 中 分 别 添加 一 个 GridView 控件 和 一 个 DetailsView 控件 。 在 表格 外 添加 两 个 
LinqDataSource 控件 ， 参 考 源 程序 分 别 设置 各 控件 的 了 D 属性 值 。 

(2) 设置 ldsGrid 控件 的 数据 源 为 Product 表 并 绑 定 到 gvProduct 控件 。 选 择 gvProduct 
的 “启用 选 定 内 容 ” 选 项 。 在 gvProduct 的 Columns 属性 设置 对 话 框 中 删除 其 他 绑 定 字段 ， 
仅 保 留 ProductId 和 Name 列 。 

(3) 设置 ldsDetails 控件 的 数据 源 为 Product 表 ， 如 图 8-22 所 示 配 置 Where 表达 式 。 配 
置 完成 后 再 将 ldsDetails 绑 定 到 dvProduct 控件 。 单 击 DetailsView 的 智能 标记 ， 选 择 “ 启 用 
插入 ”“ 启 用 删除 ”和 “启用 编辑 ”选项 。 


向 Where 泰达 式 中 添加 一 个 或 多 个 年 件 。 可 以 为 每 个 科 件 指定 文本 值 或 参数 化 的 值 。 参 教化 的 人 在 运行 时 根据 共 屋 性 欧 权 值 , 


列 (C: 委 数 层 往 
Productid 控件 ID(D7 
运 复 符 () [aead 
es 下 默认 值 W: 
1 





值 
Product SelectedValue 




















图 8-22 ”ldsDetails 控件 中 “配置 Where 表达 式 ” 对 话 框 
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(4) 建立 GridDetails.aspx.cs。 最 后 ， 浏 览 GridDetails.aspx 进行 测试 。 

程序 说 明 : 

ItemDeleted 事件 在 删除 记录 后 被 触发 ， 此 时 ， 需 要 重新 刷新 gvProduct 中 的 数据 。 
ItemInserted 事件 在 插入 记录 后 被 触发 ， 此 时 ， 需 要 重新 刷新 gvProduct 中 的 数据 。 


8.5 小 结 


本 章 介绍 了 ListControl 类 、GridView 和 DetailsView 等 数据 绑 定 控件 的 使 用 。 

ListControl 类 提供 了 以 列表 显示 数据 的 形式 ;GridView 提供 了 以 二 维 表格 显示 数据 的 形 
式 ; DetailsView 提供 了 以 单条 记录 显示 数据 的 形式 。 熟 练 掌握 这 些 数据 绑 定 控件 能 胜任 绝 大 
部 分 数据 显示 的 情形 。 
当然 ， 基 于 VSC 2017 的 ASPNET 还 提供 了 其 他 的 多 种 数据 绑 定 控件 。 如 能 显示 多 条 记 
录 的 ListView。 与 GridView 相 比 ,ListView 的 数据 显示 完全 通过 模板 实现 。 若 掌握 了 GridView 
中 模板 列 的 操作 ， 再 学 习 ListView 不 会 有 困难 。 又 如 完全 使 用 模板 的 数据 列表 控件 DataList， 
与 GridView 中 模板 针对 某 一 列 不 同 的 是 ，DataList 的 模板 针对 某 一 行进 行 设置 。 还 有 显示 单 
条 记录 的 FommView， 其 数据 显示 也 是 完全 通过 模板 实现 的 。 


8.6 习 题 





1. 填空 题 

(1) 数据 绑 定 控件 通过 属性 与 数据 源 控 件 实现 绑 定 。 

(2) 数据 绑 定 控件 通过 属性 与 LINQ 查询 返回 的 结果 实现 绑 定 。 

(3) ListControl 类 控件 中 的 属性 用 于 将 数据 绑 定 项 追加 到 静态 声明 的 列表 项 上 。 

(4) GridView 的 属性 确定 是 否 分 页 。 

(5) 在 自 定 义 GridView 的 数据 绑 定 列 时 ， 必 须 设置 属性 值 为 False。 

(6) 若 设置 了 ImageField 列 的 属性 DataImageUrlFormatString="~/Pic/{0}"， 其 中 的 {0} 
由 _ 属性 值 确定 。 























(7) 模板 列 中 实现 数据 绑 定时 ， 方法 用 于 单 向 绑 定 ， 方法 用 于 双向 绑 定 。 
(8) 实现 不 同 页 显示 主 从 表 常 利用 传递 数据 。 
2. 是 非 题 


(1) 需要 调用 Page.DataBind0 方 法 才能 在 页 面 上 使 用 <%# loginName %> 显 示 loginName 
变量 值 。 

(2) GridView 中 内 置 了 插入 数据 的 功能 。 

(3) 在 模板 列 中 可 添加 任何 类 型 的 控件 。 

(4) 模板 列 中 的 绑 定 方法 必须 写成 <%Eval("Name")%> 或 <%Bind("Name")%> 形 式 。 

(5) 经 过 设置 ，DetailsView 能 同时 显示 多 条 记录 。 

3. 选择 题 

(1) 如 果 和 希望 在 GridView 中 显示 “上 一 页 ”和 “下 一 页 ”的 导航 栏 ， 则 PagerSettings 
属性 集合 中 的 Mode 属性 值 应 设 为 〈 六 

A. Numeric B. NextPrevious C. NextPrev DN re 下 生 页 
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(2) 如 果 要 对 定制 数据 列 后 的 GridView 实现 排序 功能 ， 除 设置 GridView 的 AllowSorting 
属性 值 为 True 外 ， 还 应 设置 ( ) 属性 。 
A. SortExpression  B. Sort C. SortField D. DataFieldText 
(3) 利用 GridView 和 DetailsView 显示 主 从 表 数据 时 ，DetailsView 中 插入 了 一 条 记录 需 
要 刷新 GridView， 则 应 把 GridView 中 DataBind0 方 法 的 调用 置 于 ( ) 事件 处 理 代码 中 。 








A. GridView 的 ItemInserting B. GridView 的 ItemlInserted 
C. DetailsView 的 ItemInserting D. DetailsView 的 ItemInserted 
4. 上 机 操作 题 


(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 如 图 8-23 所 示 ， 当 在 DropDownList 中 选择 不 同 的 商品 分 类 后 ， 显 示 该 分 类 中 包含 
的 所 有 商品 。 


感 ,ocanost x 


ProductId|CategoryId ListPricelUnitCost| SuppId| Name Descn Image 
1 1 12.10 i140 | |Meno Meno ~/Prod_Images/Fish/meno.gif 100 
2 1 28.50 |25.50 日 |Eucalyptus| Eucalyptus|~/Prod Images/Fish/eucalyptus.gil100 
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图 8-23 第 8 章 习题 4(2) 浏览 效果 


(3) 如 图 8-24 所 示 ， 默 认 显 示 OrderItem 表 中 订单 编号 (OrderId) 为 4 的 所 有 商品 及 该 
订单 所 有 商品 的 总 价 。 当 选中 商品 后 ， 单 击 “ 删 除 ” 按 钮 删除 这 些 选中 的 商品 ， 单 击 “ 计 算 ” 
按钮 计算 这 些 选中 商品 的 总 金额 。 


| S oon | 
OrderId|ProNamelListPricel 
IMeno 12.10 
Ant 23.40 
Pointy ”|35.50 
Zebra 73.40 


口 4 
| 型 除 || 计算 | 总 价 为 : 168.6 



















































































图 8-24 第 8 章 习 题 4 (3) 浏览 效果 


(4) 结合 使 用 GridView 和 DetailsView 控件 在 不 同 页 显示 Product 表 。DetailsView 需要 
实现 插入 、 编 辑 、 删 除 等 操作 ， 并 且 在 插入 数据 时 涉及 的 外 键 数 据 以 下 拉 列 表 框 形式 进行 选 
择 输 入 。 

(5) 查找 资料 ， 利 用 ListView 控件 显示 和 编辑 Product 表 数 据 ， 同 时 提供 分 页 功能 〈 提 
示 : 分 页 需 配 合 使 用 DataPager 控件 )。 

(6) 查找 资料 ， 利 用 FormView 控件 显示 、 编 辑 Order 表 中 满足 条 件 的 某 条 记录 ， 其 中 
条 件 自 定 。 

(7) 查找 资料 ， 结 合 Repeater 和 AspNetPager 控件 显示 和 编辑 Product 表 数 据 ， 同 时 提 
供 分 页 功能 (提示 : AspNetPager 控件 属于 第 三 方 控件 ， 用 于 实现 分 页 功能 








< 
山 


ASP.NET 三 层 架 构 


本 章 要 点 : 
* 理解 ASPNET 三 层 架构 并 能 熟练 运用 ASPNET 三 层 架 构 。 
* 理解 并 掌握 基于 ASPNET 三 层 架 构 的 用 户 管理 方法 。 


9.1 ASPNET 三 层 架 构 概 述 
在 代码 隐藏 页 模型 中 ， 一 个 Web 窗 体 包含 用 于 界面 显示 代码 的 .aspx 文件 和 用 于 事件 处 


理 等 代码 的 .aspx.cs 文件 ， 其 实质 是 一 个 典型 的 二 层 架构 。 这 种 架构 采取 用 户 界 面 直接 与 数据 
库 进 行 交互 的 方式 ， 同 时 进行 业务 逻辑 处 理 等 工作 ， 具 有 数据 访问 效率 高 、Web 应 用 程序 开 


发 复杂 性 低 的 特点 ， 因 此 ， 适 用 于 业务 处 理 不 复杂 的 场景 。 然 而 ， 这 种 二 层 架 构 也 具有 耦合 
度 高 、 系 统 可 扩展 性 差 以 及 不 利于 项 目 团队 分 工 和 合作 的 特点 ， 因 此 ， 对 于 业务 处 理 复杂 的 
场景 而 言 ， 通 常会 在 二 层 架 构 中 增加 一 个 中 间 层 ， 用 来 实现 业务 罗 辑 处 理 ， 从 而 形成 三 层 
架构 。 


如 图 9-1 所 示 ， 使 用 ASPNET 三 层 架 构 将 Web 应 用 程序 分 成 三 层 : 表示 层 (Web)、 业 
务 罗 辑 层 (BLL) 和 数据 访问 层 (DAL)。 其 中 ， 表 示 层 用 于 接收 用 户 的 数据 输入 ， 再 根据 用 
户 的 请 求 调用 业务 逻辑 层 中 不 同 的 业务 逻辑 ， 最 后 显示 业务 逻辑 处 理 的 结果 。 业 务 罗 辑 层 由 
表示 层 调用 ， 用 于 获取 用 户 在 表示 层 输入 的 数据 ， 再 进行 业务 逻辑 处 理 ， 此 时 若 涉 及 数据 访 
问 ， 则 调用 数据 访问 层 完 成 数据 查找 、 插 入 、 更 新 和 删除 等 操作 ， 最 后 向 表示 层 返 回 业 务 邮 
辑 处 理 结果 。 数 据 访问 层 由 业务 逻辑 层 调用 ， 用 于 操作 数据 库 以 实现 业务 逻辑 层 要 求 的 数据 
访问 操作 。 


C0 
[ecwo |]— 业务 逻辑 层 (BLL) | 一 | 数据 访问 层 (DAL) < 一 [让 | 


图 9-1 ASPNET 三 层 架 构图 








对 采用 不 同 数据 访问 技术 开发 的 Web 应 用 程序 ，ASPNET 三 层 架 构 除 表示 层 、 业 务 四 
辑 层 和 数据 访问 层 外 , 还 可 能 会 包括 一 些 其 他 成 员 。 例 如 , 若 使 用 ADONET 中 的 Connection、 
Command、DataReader、DataAdapter、DataSet 等 对 象 操作 数据 库 ， 则 通常 会 增加 业务 实体 类 
项 目 Model、 数 据 库 访问 通用 类 项 目 DBUtility 等 成 员 。 而 若 使 用 LINQ to SQL 技术 操作 数据 
库 ， 由 于 LINQ to SQL 已 对 数据 查找 、 插 入 、 更 新 和 删除 等 操作 进行 了 封装 ， 所 以 ， 不 再 需 
要 另外 增加 业务 实体 类 Model、 数 据 库 访 问 通用 类 DBUtility 等 成 员 。 
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9.2 ”搭建 ASPNET 三 层 架 构 


本 节 以 第 15 章 的 MyPetShop 应 用 程序 


程序 搭建 过 程 ， 其 中 的 数据 访问 使 用 LINQ 技术 。 


实例 9-1 搭建 基于 ASP.NET 三 层 架构 的 MyPetShop 
如 图 9-2 所 示 ， 基 于 ASPNET 三 层 架 构 的 MyPetShop 包含 


MyPetShop.Web 表示 层 项 目 、MyPetShop.BLL 业务 逻辑 层 项 目 、 
MyPetShop.DAL 数据 访问 层 项 目 。 


操作 步骤 : 





名 -se AH 
搜索 解决 方案 资源 管理 器 (Ctrl+;) Pp- 
CE Te 
加 MyPetShop.BLL 
Ea] MyPetShop.DAL 
; MyPetShop.Web 


























图 9-2 MyPetShop 三 层 架 构图 


开发 为 例 说 明基 于 ASPNET 三 层 架 构 的 Web 应 用 





实例 9-1 


(1) 新 建 ChapMyPetShop 解决 方案 。 为 了 避免 跟 MyPetShop 应 用 程序 的 解决 方案 重 名 ， 
在 D:ASPNET 文件 夹 中 新 建 一 个 ChapMyPetShop 解决 方案 ， 如 图 9-3 所 示 。 


.NET Standard 
Cloud 
WCF 
测试 

bP Visual Basic 

bP Visual F# 

SQL Server 

4 其 他 项 目 类 型 

Visual Studio 解决 方案 


未 找到 你 要 查找 的 内 容 ? 
打开 Visual Studio 安装 程序 
名 称 (N): ChapMyPetShop 
位 置 (U: DAASPNET\ 
解决 方案 (S): 创建 新 解决 方案 
解决 方案 名 称 (M): ChapMyPetShop 


排序 依据 : 默认 值 1 三 搜索 (Ctrl+E) 


m7 空白 解决 方案 Visual Studio 解决 方案 ”” 类 型 : Visual Studio 解决 方案 
创建 不 包含 项 目的 空 解决 方案 
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站] 为 解决 方案 创建 目录 (D) 
口 ] 添加 到 源 代码 管理 (U) 











图 9-3 新建 ChapMyPetShop 解决 方案 图 


[本 [本 


(2 ) 添加 MyPetShop.Web 表示 层 项 目 。 通 过 选择 “ASPNET 空 网 站 ”模板 在 
ChapMyPetShop 解决 方案 中 添加 MyPetShop.Web 表示 层 项 目 ， 如 图 9-4 所 示 。 


第 9 章 ，ASP.NET 三 层 架 构 479 


接 索 (Ctrl 日 

4 Visual C# 
Windows 经 上 典 桌 面 
4 Web 


ASPNET 空 网 站 Visual C# 天 于 Vinal Ce 
一 个 空 网 站 。 此 模板 不 会 生成 项 目 文件 ， 


受到 有 限 的 MSBuild 支持 。 
pe ASP.NET Web 窗 体 网 站 Visual C# 


NET Core 
NET Standard 
Cloud ASPNET Dynamic Data 实体 网 站 Visual C# 
WGF 
测试 ASP.NET Dynamic Data Linq to SQL 网 站 Visual C# 

b Visual Basic 

b Visual F# WCF 服务 Visual C# 

未 找到 你 要 音 找 的 内 容 7 
打开 Visual Studio 安装 程序 


ASP.NET 网 站 (Razor v3) Visual C# 


名 称 (N): MyPetShop.Web 
位 置 (QL): DM\MASPNET\ChapMyPetShop 
框架 (FE .NET Framework 4.6.1 





图 9-4 添加 MyPetShop.Web 表示 层 项 目 图 


(3) 添加 MyPetShop.BLL 业务 逻辑 层 项 目 。 在 “解决 方案 资源 管理 器 ”窗口 中 右 击 “ 解 
决 方案 ChapMyPetShop”， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 目 ” 命 令 ， 然 后 在 
呈现 的 对 话 框 中 选择 Visual C# 一 “类 库 (.NET Framework)” 模 板 , 输入 名 称 MyPetShop.BLL， 
如 图 9-5 所 示 。 最 后 单 击 “ 确 定 ” 按 钮 ， 添 加 MyPetShop.BLL 业务 逻辑 层 项 目 。 


排序 依据 : 默认 全 3 搜索 (Ctrl+ 日 


al Ok 控制 台 应 用 (NET Core} Visual C# 鼻尖 型 : Visual cy 
Windows 经 典 桌面 乙 
indows 用 于 创建 C# 类 库 (dll) 的 项 目 


b Web ce 
和 控制 台 应 用 (NET Framewor Visual C# 


cn 
ED Sen 由 类 库 (NET standard) Visual cy 
Cloud ~ 


WE (NET Frameword Visual C# 


b Visual Basic ASP.NET Core Web 应 用 程序 。 Visual C# 
b Visual F# 


SQL Server ASPJNET Web 应 用 程序 (NET..。Visual C# 
未 找到 你 要 查找 的 内 容 ? 
打开 Visual Studio 安装 程序 


共享 项 目 Visual C# 


名 称 (N): MyPetShcp.BLL 
位 置 (D): DMASPNET\ChapMyPetShop 
框架 (: JNETFramework461 ~ 

















图 9-5 添加 MyPetShop.BLL 业务 逻辑 层 项 目 图 





(4) 添加 MyPetShop.DAL 数据 访问 层 项 目 。 与 添加 MyPetShop.BLL 业务 逻辑 层 项 目 过 
程 类 似 ， 修 改 其 中 的 项 目 名 称 为 MyPetShop.DAL， 如 图 9-6 所 示 ， 再 单 击 “ 确 定 ” 按 钮 ， 从 
而 在 ChapMyPetShop 解决 方案 中 添加 MyPetShop.DAL 数据 访问 层 项 目 。 

(5) 添加 各 层 项 目 之 间 的 引用 。 根 据 ASPNET 三 层 架 构 原理 ，ChapMyPetShop 解决 方 
案 中 的 MyPetShop.Web 表示 层 项 目 需要 引用 MyPetShop.BLL 业务 逻辑 层 项 目 ， 而 
MyPetShop.BLL 业务 逻辑 层 项 目 需要 引用 MyPetShop.DAL 数据 访问 层 项 目 。 有 具体 操作 时 ， 
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对 MyPetShop.Web 表示 层 项 目 ， 右 击 图 9-2 中 的 MyPetShop.Web， 选 择 “ 添 加 ”一 “引用 ” 
命令 ， 在 呈现 的 对 话 框 中 选择 “项 目 ” 一 MyPetShop.BLL， 如 图 9-7 所 示 ， 再 单 击 “确定 ” 
按钮 建立 调用 关系 。 对 MyPetShop.BLL 业务 逻辑 层 项 目 ， 右 击 图 9-2 中 的 MyPetShop.BLL， 
在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “引用 ”命令 ， 在 呈现 的 对 话 框 中 选择 “项 目 ” 一 
MyPetShop.DAL， 如 图 9-8 所 示 ， 再 单 击 “ 确 定 ” 按 钮 建立 调用 关系 。 





排序 依 乌 :默认 便 ~ 接 过 (CHl- 日 


控制 台 应 用 (NET Core) Visual C# MW: Vianl C# 


用 于 创建 (# 类 库 (dl) 的 项 目 


全 应 用 (NET Fi Visual C# 
Re 控制 台 应 用 (NET Framewor Visual C: 


JNET Standard 
Cloud 


凤 关 放 (NET Standard) Visual cs 
ti m 关 库 (NET Frameworo Visual cs 
出 坏 b 

b Visual Basic 钨 
b Visual Fe 

SQL Sever 天 

未 找到 你 要 查找 的 内 容 ? 
打开 Visual studio 安装 程序 


ASPNET Core Web 应 用 程序 Visual C# 

ASPNET Web 应 用 程序 (NET.. Visual C# 
i 

后 ] #5mea Visual cs 


MypetShop DAL 
DMSPNET\CnapMyPetShop 
NET Framework 4.6.1 








图 9-6 添加 MyPetShop.DAL 数据 访问 层 项 目 图 


搜索 (CH 日 
EF 站 名 3 
MyPetShop.BLL 





DAASPNET\ChapMypetShop\MyPetShop.8LL\MyPetShop.BLLcsproj 
MyPetShop DAL DAASPNET\ChapMyPetshop\MyPetShop.DAL\MyPetShop DALcsproj 





图 9-7 MyPetShop.Web 表示 层 项 目 引用 MyPetShop.BLL 业务 逻辑 层 项 目 图 




















图 9-8 MyPetShop.BLL 业务 逻辑 层 项 目 引 用 MyPetShop .DAL 数据 访问 层 项 目 图 
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9.3 基于 ASPNET 三 层 架 构 的 用 户 管理 


日 户 管理 可 以 说 是 任何 一 个 Web 应 用 程序 必须 包含 的 功能 , 本 节 通 过 用 户 管理 的 实现 来 
掌握 ASPNET 三 层 架 构 编程 思想 。 


9.3.1 用 户 注册 


一 个 Web 应 用 程序 通常 需要 根据 不 同 的 用 户 提供 不 同 的 功能 ， 因 此 ， 用 户 注册 是 Web 
应 用 程序 正常 使 用 的 前 提 。 具 体 实现 时 ， 用 户 注册 需要 首先 从 表示 层 获 取 用 户 名 、 邮 箱 、 密 
码 等 注册 信息 ， 再 通过 业务 逻辑 层 中 的 用 户 名 检查 、 用 户 添加 等 方法 调用 数据 访问 层 中 相应 
的 方法 实现 数据 库 中 的 用 户 名 重 名 查询 、 用 户 记 录 插 入 等 操作 。 


实例 9-2 ”实现 MyPetShop 的 用 户 注 册 功能 
在 图 9-9 中 ， 用 户 名 、 邮 箱 、 密 码 、 确 认 密 码 都 是 必 填 信息 ， 输 入 的 邮 
箱 地 址 必须 符合 规则 , 输入 的 密码 和 确认 密码 必须 一 致 。 当 单 击 “ 立 即 注册 ” 
按钮 后 , 将 检查 输入 的 用 户 名 是 否 跟 MyPetShop 数据 库 中 包含 的 用 户 名 重 名 ， 
郑重 名 ， 则 显示 “用 户 名 已 存在 !” 信 息 ， 和 否则 向 MyPetShop 数据 库 插 入 新 ee 
的 用 户 记录 。 当 单 击 “ 我 要 登录 ”链接 时 ， 跳 转 到 用 户 登 录 页 面 Login aspx， 实例 9-2 
同时 将 注册 的 用 户 名 传递 给 Login.aspx。 








we 


























| 


| http/ocalhosts5 D> 上 E 
0 | 


注册 





图 9-9 MyPetShop 用 户 注 册 界 面 


源 程序 : CustomerService.cs 





using MyPetShop.DAL; // 引 用 MyPetShop.DAL 数据 访问 层 
using System.Collections.Generic; 
using System.Linqg; 
namespace MyPetShop.BLL 
{ 
public class CustomerService 
{ 
// 新 建 MyPetShop .DAL 数据 访问 层 中 的 MyPetShopDataContext 类 实例 db 
MyPetShopDataContext db = new MyPetShopDataContext (); 
/// <summary> 
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/// 判断 输入 的 用 户 名 是 否 

/// </summary> 

/// <param name="name"> 输 入 的 用 户 名 </param> 

/// <returns> 当 用 户 名 重 名 时 返回 true， 和 否则 返回 false</returns> 

public bool IsNameExist (string name) 

{ 
// 通 过 MyPetShop .DAL 数据 访问 层 中 的 Customer 类 查询 输入 的 用 户 名 是 否 重 名 , 若 重 名 则 
// 返 回 用 户 对 象 ， 否 则 返回 nul1 











Customer customer = (from c in db.Customer 
where c.Name == name 
select c) .FirstOrDefault (); 

if (customer != null) 

{ 


return true; 
} 
else 
{ 


return false; 


} 
/// <summary> 
/// 向 MyPetShop 数据 库 中 的 Customer 表 插入 新 用 户 记录 
/// </summary> 
/// <param name="name"> 用 户 名 </param> 
/// <param name="password"> 密 码 </param> 
/// <param name="email"> 电 子 邮 件 地 址 </param> 
public void Insert (string name, string password, string email) 
{ 
Customer customer = new Customer 
{ 
Name = name, 
Password = password, 
Email = email 
}; 
db.Customer.InsertOonSubmit (customer); 
db.SubmitChanges (); 


源 程序 : NewUseraspx 





<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="NewUser.aspx.cs" 
Inherits="NewUser" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.o0rg/1999/xhtml"> 


<head runat="server"> 
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<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 用 户 注册 </title> 
<link href="~/Styles/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div class="leftside"> 
<table style="border-collapse: collapse;"> 
<tr> 
<td class="tdcenter"” colspan="2"> 注 册 </td> 
</tr> 
<tr> 
<td class="tdright"> 用 户 名 :</td> 
<td> 
<asp:TextBox ID="txtName" runat="server"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtName" 
Display="Dynamic" ForeColor="Red" ID="rfvName" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<tr> 
<tqd class="tdright"> 邮 箱 :</td> 
<td> 
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtEmail" 
Display="Dynamic" ForeColor="Red" ID="rfvEmail" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<tr> 
<td class="tdright" colspan="2"> 
<asp:RegularExpressionValidator ID="revEmail" runat="server" 
ErrorMessage=" 邮 箱 格式 不 正确 ! " ControlToValidate="txtEmail" 
Display="Dynamic" ForeColor="Red" 
ValidationExpression="\w+([-+.°"]\w+t)*@\w+t ([—.]\w+)*\.\wt([-.]\w 
+)*"></asp:RegularExpressionValidator></td> 
</tr> 
<tr> 
<td class="tdright"> 密 码 :</td> 
<td> 
<asp:TextBox ID="txtPwd" runat="server" TextMode="Password"> 
</asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtPwd" 
Display="Dynamic" ForeColor="Red" ID="rfvPwd" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
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<tr> 
<td class="tdright"> 确 认 密 码 :</td> 
<td> 
<asp:TextBox ID="txtPwdAgain" runat="server" 
TextMode="Password"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtPwdAgain" 
Display="Dynamic" ForeColor="Red" ID="rfvPwdAgain" 
runat="server"” ErrorMessage=" 必 填 "></asp:RequiredFieldValidator> 
</td> 
</tr> 
<tr> 
<td class="tdright" colspan="2"> 
<asp:CompareValidator ControlToValidate="txtPwdAgain" 
ControlToCompare="txtPwd" Display="Dynamic" ForeColor="Red" 
ID="cvPwd" runat="server"” ErrorMessage="2 次 密码 不 一 致 "> 
</asp:CompareValidator></td> 
</tr> 
<tr> 
<td class="tdright" colspan="2"> 
<asp:Button ID="btnReg" runat="server"” Text=" 立 即 注册 " 
OnClick="BtnReg Click" /></td> 
</tr> 
EE> 
<td><a href="Login.aspx"> 我 要 登录 </a></td> 
<td> 
<asp:Label ID="lblMsg" runat="server" ForeColor="Red"> 
</asp:Label></td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html> 


源 程序 : NewUser.aspx.cs 





using MyPetShop.BLL; // 引 用 MyPetShop.BLL 业务 逻辑 层 

using System; 

using System.Web.UI; 

public partial class NewUser : System.Web.UI.Page 

{ 
// 建 立 MyPetShop .BLL 业务 逻辑 层 中 的 CustomerService 类 实例 customerSrv 
CustomerService customerSrv = new CustomerService(); 


protected void BtnReg Click(object sender, EventArgs e) 
{ 
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if (Page.IsValid) 
{ 
// 调 用 CustomerService 类 中 的 IsNameExist() 方 法 判断 用 户 名 是 否 重 名 
if (customerSrv.IsNameExist (txtName.Text.Trim())) 
‘ 
lblMsg .Text = "用 户 名 已 存在 ! "; 
} 
else 
{ 
// 调 用 CustomerService 类 中 的 Insert () 方法 插入 新 用 户 记录 
CustomerSrV. Insert (txtName.Text.Trim(), txtPwd.Text.Trim(), 
txtEmail.Text.Trim()); 
Response.Redirect ("Login.aspx?name=" + txtName.Text); 
} 
} 
} 
} 


操作 步骤 : 

(1) 由 于 需要 使 用 ASPNET 验证 ， 因 此 ， 参 考 5.1 节 配 置 需要 jQuery 支持 的 隐 式 验证 方 
法 。 其 中 ,jQuery 安装 也 可 以 使 用 直接 复制 方式 ， 即 先 在 MyPetShop.Web 表示 层 项 目 中 新 建 
Scripts 文件 夹 ， 再 将 jquery-3.2.1.minjs 和 jquery-3.2.1.min.map〔 其 中 版 本 号 由 安装 的 jQuery 
版 本 号 确定 ) 文件 复制 到 Scripts 文件 夹 。 

(2) 在 MyPetShop.Web 表示 层 项 目 中 新 建 App_Data 文件 来， 再 参考 7.2 节 在 该 文件 夹 
中 添加 MyPetShop 数据 库 。 

(3) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Styles 文件 夹 , 再 将 本 书 源 程序 包 中 MyPetShop\ 
MyPetShop.Web\Styles 文件 夹 下 的 Style.css 文件 复制 到 新 建 的 Styles 文件 夹 。 

(4) 在 MyPetShop.DAL 数据 访问 层 项 目 中 新 建 LINQ to SQL 类 MyPetShop.dbml 文件 ， 
再 打开 MyPetShop 数据 库 ， 将 所 有 数据 表 拖 动 到 MyPetShop.dbml 的 对 象 关系 设计 器 的 左 窗 
口中 ， 从 而 建立 各 个 数据 表 相对 应 的 各 个 实体 类 。 

(5) 如 图 9-10 所 示 , 在 MyPetShop.BLL 业务 逻辑 层 项 目 中 添加 System.Data.Linq 程序 集 
(命名 空间 )， 从 而 能 使 用 LINQ to SQL 访问 MyPetShop 数据 库 。 


on 
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图 9-10 MyPetShop.BLL 业务 逻辑 层 项 目 中 添加 System.Data.Lingq 程序 集 图 
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(6) 在 MyPetShop.BLL 业务 逻辑 层 项 目 中 新 建 CustomerService.cs 类 文件 。 

(7) 在 MyPetShop.Web 表示 层 项 目 中 新 建 NewUser.aspx， 参考 源 程序 附加 Styles 文件 夹 
下 的 Style.css 样式 表 ， 再 分 别 添加 <Table> 元 素 、 各 个 控件 和 <a> 元 素 ， 设 置 <div>、<Table>、 
<a> 元 素 以 及 各 个 控件 的 属性 。 

(8) 建立 NewUseraspx.cs。 

(9) 右 击 MyPetShop.Web 表示 层 项 目 , 选择 “生成 网 站 ”命令 , 从 而 编译 MyPetShop.Web 
表示 层 项 目 以 及 与 之 关联 的 MyPetShop.BLL 业务 轴 辑 层 和 MyPetShop.DAL 数据 访问 层 项 目 。 

(10) 浏览 NewUseraspx 进行 测试 。 


9.3.2 用户 登录 


通常 ， 用 户 登录 有 两 种 情况 。 一 是 用 户 注 册 成 功 后 从 用 户 注 册页 面 重 定向 到 用 户 登录 页 
面 ， 此 时 用 户 登 录 页 面 中 的 用 户 文本 框 应 自动 填 入 注册 成 功 后 的 用 户 名 ; 二 是 直接 访问 用 户 
登录 页 面 ， 此 时 需要 在 用 户 登 录 页 面 中 输入 用 户 名 和 密码 。 具 体 实现 时 ， 用 户 登录 需要 首先 
从 表示 层 获取 用 户 名 、 密 码 等 登录 信息 ， 再 通过 业务 逻辑 层 中 的 用 户 名 和 密码 检查 方法 调用 
数据 访问 层 中 相应 的 方法 实现 数据 库 中 的 用 户 登 录 信 息 查 询 操作 。 


实例 9-3 ”实现 MyPetShop 的 用 户 登录 功能 

用 户 注册 成 功 〈 以 用 户 名 jack 为 例 ) 并 单 击 图 9-9 中 “我 要 登录 ” 链 
接 后 , 显示 如 图 9-11 所 示 的 界面 ; 当 用 户 直接 访问 登录 页 面 时 , 显示 如 图 9-12 
所 示 的 界面 ， 当 用 户 名 或 密码 输入 错误 后 ， 显 示 如 图 9-13 所 示 的 界面 ; 当 管 
理 员 用 户 正确 输入 用 户 名 和 密码 再 单 击 “ 立 即 登 录 ” 按 钮 时 ， 页 面 跳 转 到 
~/Admin/Default.aspx; 当 一 般 用 户 正 确 输入 用 户 名 和 密码 再 单 击 “ 立 即 登 录 ” 
按钮 时 ,页面 跳 转 到 ~/Defaultaspx。 另 外, 用户 登录 界面 还 包括 “我 要 注册 !” 和 “忘记 密码 ? ” 
链接 ， 单 击 后 分 别 跳 转 到 NewUseraspx 和 GetPwd.aspx 页 面 。 
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我 要 注册 ! 忘记 密码 ? 要 注册 ! 要 注册 ! 忘记 密码 ? 
注册 成 功 ， 请 登录 ! 用 户 名 或 密码 错误 ! 





图 9-11 注册 成 功用 户 登录 界面 ”图 9-12 直接 访问 用 户 登录 界面 ”图 9-13 用 户 名 或 密码 错误 界面 


源 程 序 : CustomerService.cs 中 的 CheckLogin0 方 法 
/// <summary> 
/// 检查 输入 的 用 户 名 和 密码 是 否 正确 
/// </summary> 
/// <param name="name"> 用 户 名 </param> 
/// <param name="password"> 密 码 </param> 
/// <returns> 若 用 户 名 和 密码 正确 则 返回 用 户 Id， 否 则 返回 0</returns> 


public int CheckLogin(string name, string password) 
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// 通 过 MyPetShop .DRL 数据 访问 层 中 的 customer 类 查询 输入 的 用 户 名 和 密码 是 否 正 确 , 若 正确 
// 则 返回 相应 的 用 户 对 象 ， 否 则 返回 nul1 


Customer customer = (from c in db.Customer 





where c.Name == name && C.Password == password 
select c) .FirstOrDefault (); 


if (customer != null) // 用 户 名 和 密码 正确 
{ 


return customer.CustomerId; 
} 
else // 用 户 名 或 密码 错误 
{ 


return 0; 


源 程 序 ，Login.aspx 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="Login.aspx.cs" 
Inherits="Login" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 用 户 登 录 </title> 
<link href="~/Styles/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div class="leftside"> 
<table style="border-collapse: collapse;"> 
<tr> 
<td class="tdcenter" colspan="2"> 登 录 </td> 
<jEr> 
<tr> 
<td class="tdright"> 用 户 名 :</td> 
<td> 
<asp:TextBox ID="txtName" runat="server"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtName" 
Display="Dynamic" ForeColor="Red" ID="rfvName" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
RE 
<tr> 
<td class="tdright"> 密 码 :</td> 
<td> 


<asp:TextBox ID="txtPwd" runat="server" TextMode="Password"> 
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</asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtPwd" 
Display="Dynamic" ForeColor="Red" ID="rfvPwd" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<tr> 
<td colspan="2" class="tdright"> 
<asp:Button ID="btnLogin" runat="server"” Text=" 立 即 登 录 " 
OnClick="BtnLogin Click" /></td> 
</tr> 
<tr> 
<td><a href="NewUser.aspx"> 我 要 注册 ! </a></td> 
<td class="tdcenter"><a href="GetPwd.aspx"> 忘 记 密码 ? </a></td> 
</tr> 
<tr> 
<td colspan="2" class="tdright"> 
<asp:Label ID="lblMsg" runat="server" ForeColor="Red"> 
</asp:Label></td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html> 





源 程序 ，Login.aspx.cs 
using MyPetShop.BLL; 
using System; 
using System.Web.UI; 
public partial class Login : System.Web.UI.Page 
{ 
CustomerService customerSrv = new CustomerService(); 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
//NewUser .aspx 页 面 传递 过 来 的 查询 字符 串 变 量 name 值 非 空 
if (Request.QueryString["name"] != null) 
{ 
txtName.Text = Request.QueryString["name"]; 
lblMsg .Text = "注册 成 功 ， 请 登录 !"; 


} 
protected void BtnLogin Click(object sender, EventArgs e) 
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{ 
if (Page.IsValid) 
{ 
// 调 用 CustomerService 类 中 的 CheckLogin() 方 法 检查 输入 的 用 户 名 和 密码 是 否 正 确 
int customerId = customerSrv.CheckLogin (txtName.Text.Trim(), 
txtPwd.Text .Trim()); 


if (customerId > 0) // 用 户 名 和 密码 正确 
是 
Session.Clear (); // 清 理 Session 中 保存 的 内 容 
if (txtName.Text.Trim() == "admin") // 管 理 员 登录 
{ 
Session["AdminId"] = customerId; 
Session["AdminName"] = txtName.Text; 


Response.Redirect ("~/Admin/Default .aspx"); 
} 


else // 一 般 用 户 登录 
Session["CustomerId"] = customerId; 
Session["CustomerName"] = txtName.Text; 


Response.Redirect ("~/Default .aspx"); 
} 
} 
else // 用 户 名 或 密码 错误 
{ 
lblMsg .Text = "用 户 名 或 密码 错误 ! "; 
} 
了 
} 
. 


操作 步骤 : 

(1) 在 MyPetShop.BLL 业务 逻辑 层 项 目 中 的 CustomerService.cs 类 文件 中 添加 
CheckLogin() 方 法 。 

(2) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Login.aspx， 参 考 源 程序 附加 Styles 文件 夹 下 
的 Style.css 样式 表 ， 再 分 别 添加 <Table> 元 素 、 各 个 控件 和 <a> 元 素 ， 设 置 <div>、<Table>、 
<a> 元 素 以 及 各 个 控件 的 属性 。 

(3) 建立 Login.aspx.cs。 

(4) 右 击 MyPetShop.Web 表示 层 项 目 ， 执 行 “生成 网 站 ”命令 。 

(5) 分 别 浏览 NewUseraspx 和 Login.aspx 进行 注册 成 功用 户 登 录 和 直接 访问 用 户 登 录 的 
测试 。 


9.3.3 用 户 登 录 状 态 和 权限 


在 一 个 Web 应 用 程序 中 , 通常 需要 根据 匿名 用 户 、 一 般 用 户 、 管 理 员 用 户 呈 现 不 同 的 用 
户 登 录 状 态 和 权限 。 具 体 实 现时 ， 若 用 户 权限 信息 未 保存 于 数据 库 ， 则 只 需要 在 表示 层 中 先 
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获取 用 户 名 信息 ， 再 呈现 相应 的 用 户 登录 状态 和 权限 信息 。 


实例 9 .4 根据 不 同 用 户 呈现 不 同 的 登录 状态 和 权限 
当 用 户 未 登录 时 ， 呈 现 如 图 9-14 所 示 的 界面 。 当 一 般 用 户 成 功 登 录 时 ， 
呈现 如 图 9-15 所 示 的 界面 ， 分 别 单 击 “ 密 码 修改 ”“ 购 物 记录 ”链接 按钮 ， 
则 分 别 跳 转 到 ~/Changepwd.aspx、~/OrderList.aspx， 单 击 “ 退 出 登录 ”链接 按 
钮 ， 则 清空 Session 变量 并 跳 转 到 ~/Default.aspx。 当 管理 员 用 户 成 功 登录 时 ， 
呈现 如 图 9-16 所 示 的 界面 ， 单 击 “ 系 统管 理 ” 链 接 按钮 ， 则 跳 转 到 ~/Admin/ 。。 实例 94 
Defaultaspx， 单 击 “退出 登录 ”链接 按钮 执行 与 一 般 用 户 相 同 的 功能 。 


您 好 , jack 密码 修改 购物 记录 退出 登录 您 好 , admin 系统 管理 退出 登录 


图 9-14 匿名 用 户 界面 图 9-15 一 般 用 户 界面 图 9-16 管理 员 用 户 界面 














源 程序 ，Default.aspx 


<%@ Page Language="C#" AutogventWireup="true" CodeFile="Default.aspx.cs" 


Inherits=" Default" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 用 户 登录 状态 和 权限 </title> 
<link href="~/Styles/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<header class="header"> 
<div class="status"> 
<asp:Label ID="lblWelcome"” runat="server"” Text=" 您 还 未 登录 ! "> 
</asp:Label> 
<asp:LinkButton ID="lnkbtnPwd" runat="server" ForeColor="White" 
Visible="False" PostBackUrl="~/ChangePwd.aspx"> 密 码 修改 
</asp:LinkButton> 


<asp:LinkButton ID="lnkbtnManage" runat="server" ForeColor="White" 


Visible="False" PostBackUrl="~/Admin/Default.aspx"> 系 统管 理 
</asp:LinkButton> 


<asp:LinkButton ID="lnkbtnOrder" runat="server" ForeColor="White" 


Visible="False" PostBackUrl="~/OrderList.aspx"> 购 物 记录 
</asp:LinkButton> 


<asp:LinkButton ID="lnkbtnLogout" runat="server" ForeColor="White" 


Visible="False" OnClick="LnkbtnLogout Click"> 退 出 登录 
</asp:LinkButton> 
</div> 
</header> 
</form> 
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</body> 
</html> 


源 程 序 . Default.aspx.cs 





using System; 
public partial class Default : System.Web.UI.Page 


{ 


protected void Page Load(object sender, EventArgs e) 


{ 


// 用 户 已 登录 
if (Session["AdminId"] != null || Session["CustomerId"] != null) 
{ 

if (Session["AdminId"] != null) // 管 理 员 用 户 


{ 


lblWelcome .Text = "您 好 ，" + Session["AdminName"] .ToString(); 
lnkbtnManage.Visible = true; 


} 


else if (Session["CustomerId"] != null) // 一 般 用 户 


{ 


lblWelcome .Text = "您 好 ,，" + Session["CustomerName"] .ToString(); 
lnkbtnPwd.Visible = true; 
lnkbtnOrder.Visible = true; 


} 


lnkbtnLogout .Visible = true; 


} 


protected void LnkbtnLogout Click(object sender, EventArgs e) 


{ 


Session.Clear (); 
Response.Redirect ("~/Default.aspx"); 


} 
} 


操作 步骤 


(1) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Default.aspx， 参 考 源 程序 附加 Styles 文件 夹 
下 的 Style.css 样式 表 ， 再 分 别 添加 <header> 元 素 以 及 各 个 控件 ， 设 置 <header>、<div> 元 素 以 
及 各 个 控件 的 属性 。 


(2) 建立 


Default.aspx.cs。 


(3) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Admin 文件 来， 复制 Defaultaspx 和 
Default.aspx.cs 到 Admin 文件 夹 。 


(4) 对 于 
览 Login.aspx， 


程序 说 明 : 


匿名 用 户 ， 直 接 浏览 Default.aspx 进行 测试 ， 对 于 一 般 用 户 和 管理 员 用 户 ， 浏 
正确 输入 用 户 名 和 密码 ， 再 单 击 “ 立 即 登 录 ” 按 钮 后 进行 测试 。 











1 于 体现 
和 一 般 用 户 访 














户 登录 状态 和 权限 信息 是 每 个 用 户 都 需要 的 功能 ， 所 以 ， 本 实例 中 匿名 用 户 
问 的 ~/Default.aspx 跟 管 理 员 用 户 访问 的 ~/Admin/Defaultaspx 相同 。 待 下 一 章 学 
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习 用 户 控件 和 母 版 后 ， 可 考虑 将 体现 用 户 登 录 状 态 和 权限 的 功能 做 成 用 户 控件 ， 再 在 母 版 页 
中 添加 用 户 控件 从 而 实现 代码 重用 ， 当 然 ， 也 可 将 体现 用 户 登录 状态 和 权限 功能 的 代码 直接 
放 入 母 版 页 中 。 
那 为 什么 这 里 需要 不 同文 件 夹 下 的 Default.aspx 呢 ? 因为 除 共 用 功能 外 ， 不 同 用 户 访问 
Defaultaspx 需要 呈现 不 一 样 的 内 容 。 例 如 ， 对 于 电子 商务 网 站 ， 匿 名 用 户 和 一 般 用 户 访问 
Default.aspx 还 需要 实现 商品 浏览 等 功能 ， 而 管理 员 用 户 访问 Default.aspx 还 需要 实现 系统 管 
理 等 功能 。 


9.3.4 用 户 密 码 修改 


通常 ， 用 户 密码 修改 功能 只 有 在 用 户 登录 成 功 后 才 会 提供 。 具 体 实 现时 ， 首 先 从 表示 层 
获取 原 密码 、 新 密码 、 确 认 新 密码 等 信息 ， 再 通过 业务 罗 辑 层 中 的 方法 调用 数据 访问 层 中 相 
应 的 方法 实现 数据 库 中 的 原 密码 查询 操作 ， 若 输入 的 原 密码 正确 ， 则 再 通过 
业务 迪 辑 层 中 的 方法 调用 数据 访问 层 中 相应 的 方法 实现 数据 库 中 的 密码 修改 
操作 。 





















i ee 


实例 9-5 ”修改 已 登录 一 般 用 户 的 密码 Cs 
实例 9-5 


当 一 般 用 户 成 功 登 录 后 ， 单 击 图 9-15 中 的 “密码 修改 ”链接 按钮 将 实现 
修改 用 户 密码 功能 ， 界 面 如 图 9-17 所 示 。 


x 
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图 9-17 修改 用 户 密码 界面 


源 程序 ，CustomerService.cs 中 的 ChangePassword() 方 法 
/// <summary> 
/// 修改 用 户 Id 对 应 用 户 的 密码 
/// </summary> 
/// <param name="customerId"> 用 户 Id</param> 
/// <param name="password"> 新 密码 </param> 
public void ChangePassword(int customerId， string password) 
{ 
Customer customer = (from c in db.Customer 
where c-CustomerId == customerId 
select c) .First(); 
customer.Password = password; 
db.SubmitChanges (); 
} 
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源 程序 : ChangePwd.aspx 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ChangePwd.aspx.cs" 
Inherits="ChangePwd" 委 > 
<!DOCTYPE html> 


<html xmlns 





"http://www.w3.org/1999/xhtm1"> 


<head runat="server"> 


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 用 户 密码 修改 </title> 
<link href="~/Styles/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div class="leftside"> 


<table style="border-collapse: collapse;"> 
<tr> 
<td class="tdcenter" colspan="2"> 修 改 密码 </td> 
</tr> 
<tr> 
<td class="tdright"> 原 密码 :</td> 
<td> 
<asp:TextBox ID="txtOldPwd" runat="server" TextMode="Password"> 
</asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtOldPwd" 
Display="Dynamic" ForeColor="Red" ID="rfvOldPwd" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<*> 
<td class="tdright"> 新 密码 :</td> 
<td> 
<asp:TextBox ID="txtPwd" runat="server" TextMode="Password"> 
</asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtPwd" 
Display="Dynamic" ForeColor="Red" ID="rfvPwd" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<tr> 
<td class="tdright"> 确 认 新 密码 :</td> 
<td> 
<asp: TextBox ID="txtPwdAgain" runat="server" TextMode="Password"> 
</asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtPwdAgain™ 
Display="Dynamic" ForeColor="Red" ID="rfvPwdAgain" 
runat="server" ErrorMessage=" 必 填 "></asp:RequiredFieldValidator> 
</td> 
Se 
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<tr> 
<td class="tdright" colspan="2"> 
<asp:CompareValidator ControlToValidate="txtPwdAgain™" 
ControlToCompare="txtPwd" Display="Dynamic" ForeColor="Red" 
ID="cvPwd" runat="server"” ErrorMessage="2 次 新 密码 不 一 致 "> 
</asp:CompareValidator></td> 
</tr> 
<tr> 
<td class="tdright" colspan="2"> 
<asp:Button ID="btnChangePwd" runat="server" Text=" 确 认 修改 " 
OnClick="BtnChangePwd Click" /></td> 
</tr> 
<tr> 
<td colspan="2"> 
<asp:Label ID="lblMsg" runat="server" ForeColor="Red"> 
</asp:Label></td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html> 


源 程序 : 





ChangePwd.aspx.cs 
using MyPetShop.BLL; 
using System; 
using System.Web.UI; 
public partial class ChangePwd : System.Web.UI.Page 
{ 
CustomerService customerSrv = new CustomerService(); 
protected void Page Load(object sender, EventArgs e) 
{ 
if (Session["CustomerId"] == null) // 用 户 未 登录 
{ 
Response.Redirect ("~/Login.aspx"); 
} 
} 
protected void BtnChangePwd Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
{ 
// 调 用 CustomerService 类 中 的 CheckLogin () 方 法 检查 Session 变量 CustomerName 
// 关 联 的 用 户 名 和 输入 的 原 密码 ， 返 回 值 大 于 0 表示 输入 的 原 密码 正确 
if (customerSrv.CheckLogin(Session["CustomerName"] .ToString(), 
txtOldPwd.Text) > 0) 
{ 
customerSrv.ChangePassword (Convert .ToInt32 (Session["CustomerId"]), 
txtPwd.Text); 
lblMsg .Text = "密码 修改 成 功 ! "; 
} 
else // 输 入 的 原 密码 不 正确 
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{ 
lblMsg .Text = " 原 密码 不 正确 ! "; 
} 
} 
} 
} 


操作 步骤 : 

(1) 在 MyPetShop.BLL 业务 逻辑 层 项 目 中 的 CustomerService.cs 类 文件 中 添加 
ChangePassword() 方 法 。 

(2) 在 MyPetShop.Web 表示 层 项 目 中 新 建 ChangePwd.aspx， 参 考 源 程序 附加 Styles 文件 
夹 下 的 Style.css 样式 表 ， 再 分 别 添 加 <Table> 元 素 以 及 各 个 控件 ， 设 置 <div>、<Table> 元 素 以 
及 各 个 控件 的 属性 。 

(3) 建立 ChangePwd.aspx.cs。 

(4) 右 击 MyPetShop.Web 表示 层 项 目 ， 执 行 “ 生 成 网 站 ”命令 。 

(5) 浏览 ChangePwd.aspx 进行 测试 。 


9.3.5 ”用户 密码 重 置 


显然 ， 用 户 密码 重 置 功能 用 于 用 户 遗 忘 密码 的 情形 。 本 书 使 用 以 下 的 实现 思路 ， 首 先 从 
表示 层 获 取 用 户 名 、 邮 箱 等 信息 ， 再 通过 业务 罗 辑 层 中 的 方法 调用 数据 访问 层 中 相应 的 方法 
实现 数据 库 中 的 用 户 名 和 邮箱 查询 操作 ， 若 输入 的 用 户 名 和 邮箱 正确 ， 则 通过 业务 逻辑 层 中 
的 方法 调用 数据 访问 层 中 相应 的 方法 ， 将 数据 库 中 的 用 户 密码 重 置 为 相应 的 用 户 名 ， 再 调用 
表示 层 中 自 定义 的 类 ， 向 相应 用 户 的 邮箱 发 送 密 码 重 置 邮件 。 用 户 收 到 密码 重 置 邮件 后 ， 就 
可 获取 重 置 后 的 密码 进行 登录 。 


实例 9-6 重 置 用 户 密码 
用 户 试图 登录 但 忘记 密码 时 , 单 击 图 9-11 或 图 9-12 中 的 “忘记 密码 ? ” 
链接 ， 将 跳 转 到 重 置 用 户 密码 页 面 Getpwdaspx， 浏 览 效果 如 图 9-18 所 示 。 
在 图 9-18 中 输入 正确 的 用 户 名 和 邮箱 ， 单 击 “ 找 回 密码 ”按钮 ， 旦 现 如 图 。。 实例 9-6 
9-19 所 示 的 窗口 。 
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| 找 回 密码 | 

用 户 名 : 用 户 名 : jack 
邮箱 : 邮箱 :|ssgwcypod@126.com 
Er 


找 回 密码 ,需要 验证 邮箱 ! 找 回 密码 ， 需 要 验证 邮箱 ! 
密码 已 发 送 至 邮箱 ! 









































图 9-18 重 置 用 户 密码 窗口 (1) 图 9-19 重 置 用 户 密码 窗口 (2) 





源 程序 : CustomerService.cs 中 的 KEmailExist0 和 ResetPassword() 方 法 


/// <summary> 
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/// 判断 customer 表 中 是 否 存在 输入 的 用 户 名 和 邮箱 

/// </summary> 

/// <param name="name"> 输 入 的 用 户 名 </param> 

/// <param name="email"> 输 入 的 邮箱 </param> 

/// <returns> 当 输入 的 用 户 名 和 邮箱 存在 时 返回 true， 否 则 返回 false</returns> 
public bool IsEmailExist(string name, string email) 


{ 


Customer customer = (from c in db.Customer 
where c.Name == name && c.Email == email 
select c) .FirstOrDefault (); 

if (customer != null) 


return true; 
} 
else 


{ 


return false; 


: 

/// <summary> 

/// 将 用 户 密码 重 置 为 相应 的 用 户 名 

/// </summary> 

/// <param name="name"> 输 入 的 用 户 名 </param> 

/// <param name="email"> 输 入 的 邮箱 </param> 

public void ResetPassword(string name, string email) 
{ 


Customer customer = (from c in db.Customer 


where c.Name == name && c.Email == email 
select c) .First(); 
customer.Password = name; 
db.SubmitChanges () ; 
} 


源 程序 : Web.config 中 的 <appSettings> 配 置 节 





<appSettings> 
<!-- 设 置 发 件 人 邮箱 〈 以 QQ 邮箱 为 例 ) 信息， 注意 请 使 用 自己 的 邮箱 并 修改 相应 的 键 值 。 其 中 ， 
MailFromAddress 表示 发 件 人 邮箱 ，UseSsl 值 为 true 表示 使 用 SSL 协议 连接 ，UserName 表 
示 发 件 人 邮箱 的 账户 名 ，Password 表示 授权 码 ( 跟 邮箱 密码 不 相同 )， serverName 表示 发 送 邮件 
的 SMTP 服务 器 名 ，ServerPort 表示 SMTP 服务 器 名 的 端口 号 --> 
<add key ="MailFromAddress" value="3272344648@qq.com"/> 
<add key ="UseSsl" value="true"/> 
<add key ="UserName" value="3272344648"/> 
<add key ="Password" value="srzwlgkfypxddaga"/> 
<add key ="ServerName" value="smtp.qq.com"/> 
<add key ="ServerPort" value="587"/> 
</appSettings> 





源 程序 ， 自 定义 的 EmailSender cs 





using System.Configuration; 
using System.Net; 
using System.Net.Mail; 
public class EmailSender 
{ 
// 从 Web.config 中 的 <appSettings> 配 置 节 获 取 相 应 的 键 值 
private string mailFromAddress = 
ConfigurationManager .AppSettings["MailFromAddress"]; 
private bool useSsl = 
bool .Parse (ConfigurationManager.AppSettings["UseSs1"]); 
private string userName = ConfigurationManager.AppSettings["UserName"]; 
private string password = ConfigurationManager.AppSettings["Password"]; 
private string serverName = 
ConfigurationManager .AppSettings["ServerName"]; 
private int serverPort = 
int.Parse (ConfigurationManager.AppSettings["ServerPort"]); 
private string findPassword; // 重 置 后 的 密码 
private string mailToAddress = ""; // 收 件 人 邮箱 
/// <summary> 
/// 构造 函数 
/// </summary> 
/// <param name="address"> 收 件 人 邮箱 </param> 
/// <param name="pwd"> 重 置 后 的 密码 </param> 
public EmailSender (string address, string pwd) 
{ 
mailToAddress = address; 
findPassword = pwd; 
} 
/// <summary> 
/// 自 定义 方法 ， 根 据 设置 的 SMTP 服务 器 名 、 端 口号 、 账 户 名 、 授 权 码 等 信息 发 送 给 定 发 件 人 邮 
箱 、 收 件 人 邮箱 、 电 子 邮件 主题 、 电 子 邮 件 内 容 等 信息 的 邮件 
/// </summary> 
public void Send () 
{ 
// 新 建 SmtpClient 类 实例 smtpClient 对 象 ，using 语句 块 结束 时 释放 smtpClient 对 象 
using (var smtpClient = new SmtpClient()) 
{ 
// 设 置 是 否 使 用 SSL 协议 连接 
smtpClient.EnableSsl = useSsl; 
// 设 置 SMTP 服务 器 名 
smtpClient.Host = serverName; 
// 设 置 SMTP 服务 器 的 端口 号 
smtpClient.Port = serverPort; 
// 设 置 SMTP 服务 器 发 送 邮 件 的 凭据 (用 户 名 和 授权 码 ) 


smtpClient.Credentials = new NetworkCredential (userName, password); 
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string body = "您 登录 MyPetShop 的 密码 已 重 置 为 : " + findPassword; 
MailMessage mailMessage = new MalilMessage( 


mailFromAddress, // 发 件 人 邮箱 
mailToAddress, // 收 件 人 邮箱 
"MyPetShop 用 户 密码 重 置 "， // 电子 邮件 主题 
body); // 电子 邮件 内 容 


// 调 用 smtpcClient 对 象 的 Send () 方法 发 送 邮件 


smtpClient.Send (mailMessage); 


源 程序 : GetPwd.aspx 
<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="GetPwd.aspx.cs" 
Inherits="GetPwd" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 重 置 用 户 密码 </title> 
<link href="~/Styles/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div class="]leftside"> 
<table style="border-collapse: collapse;"> 
<tr> 
<td class="tdcenter"” colspan="2"> 找 回 密码 </td> 
</tr> 
发 在 
<td class="tdright"> 用 户 名 :</td> 
<td> 
<asp:TextBox ID="txtName" runat="server"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtName" 
Display="Dynamic" ForeColor="Red" ID="rfvName" runat="server" 
ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
</tr> 
<tr> 
<td class="tdright"> 邮 箱 :</td> 
<td> 
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td> 
<td> 
<asp:RequiredFieldValidator ControlToValidate="txtEmail" 
Display="Dynamic" ForeColor="Red" ID="rfvEmail" runat="server" 


ErrorMessage=" 必 填 "></asp:RequiredFieldValidator></td> 
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</tr> 
<tr> 
<td class="tdright" colspan="2"> 
<asp:RegularExpressionValidator ID="revEmail" runat="server" 

ErrorMessage=" 邮 箱 格式 不 正确 ! " ControlToValidate="txtEmail" 
Display="Dynamic" ForeColor="Red" 
ValidationExpression="\w+([-+."']\w+)*@\w+([—.]\w+)*\.\w+([-—. 
\w+)*"></asp:RegularExpressionValidator></td> 

</tr> 

<tr> 


<td class="tdright" colspan="2"> 
<asp:Button ID="btnResetPwd" runat="server" Text=" 找 回 密码 " 
OnClick="BtnResetPwd Click" /></td> 
</tr> 





> 找 回 密码 ， 需 要 验证 邮箱 ! </td> 





<td colspan="2"> 
<asp:Label ID="lblMsg" runat="server" ForeColor="Red"> 
</asp:Label></td> 
</tr> 
</table> 
</div> 
</form> 
</body> 
</html> 


源 程序 : GetPwd.aspx.cs 
using MyPetShop.BLL; 
using System 
using System.Web.UI7 
public partial class GetPwd : System.Web.UI.Page 
{ 
CustomerService customerSrv = new CustomerService(); 
protected void BtnResetPwd Click(object sender, EventArgs e) 
{ 
if (Page.IsValid) 
{ 
// 调 用 CustomerService 类 中 的 IsNameExist() 方 法 判断 输入 的 用 户 名 是 否 存在 
if (!customerSrv.IsNameExist (txtName.Text.Trim())) 
下 
lblMsg.Text = "用 户 名 不 存在 ! "; 
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else 


{ 
// 调 用 CustomerService 类 中 的 IsEmailExist () 方 法 判断 输入 的 用 户 名 和 邮箱 是 否 存 在 
if (!customerSrv.IsEmailExist (txtName.Text.Trim(), 
txtEmail.Text.Trim()) 
{ 
lblMsg .Text = "邮箱 不 正确 ! "; 
} 
else 
{ 
// 调 用 CustomerService 类 中 的 ResetPassword() 方 法 重 置 用 户 密 码 为 用 户 名 
customerSrv.ResetPassword (txtName.Text .Trim(), 
txtEmail.Text.Trim()); 
// 新 建 自 定义 的 EmailSender 类 实例 emailSender 对 象 
EmailSender emailSender = new EmailSender (txtEmail.Text.Trim(), 
txtName .Text .Trim() ) 7 
// 调 用 自 定义 的 EmailSender 类 中 的 Send () 方法 发 送 邮件 
emailSender.Send(); 


lblMsg.Text = "密码 已 发 送 至 邮箱 ! "; 


操作 步骤 : 

(1) 在 MyPetShop.BLL 业务 逻辑 层 项 目的 CustomerService.cs 类 文件 中 添加 
IsEmailExist()、ResetPassword() 方 法 。 

(2) 在 Web.config 中 的 <configuration> 配 置 节 下 添加 <appSettings> 配 置 节 。 

(3) 在 MyPetShop.Web 表示 层 项 目 中 添加 ASPNET 文件 夹 App_Code， 再 在 该 文件 夹 中 
新 建 自 定义 的 EmailSender.cs。 

(4) 在 MyPetShop.Web 表示 层 项 目 中 新 建 GetPwd.aspx， 参 考 源 程序 附加 Styles 文件 夹 
下 的 Style.css 样式 表 ， 再 分 别 添加 <Table> 元 素 以 及 各 个 控件 ， 设 置 <div>、<Table> 元 素 以 及 
各 个 控件 的 属性 。 

(5) 建立 GetPwd.aspx.cs。 

(6) 右 击 MyPetShop.Web 表示 层 项 目 ， 执 行 “ 生 成 网 站 ”命令 。 

(7) 浏览 Login.aspx， 再 单 击 “ 忘 记 密码 ? ”链接 进行 测试 。 

程序 说 明 : 

<appSettings> 配 置 节 中 的 Password 对 于 不 同 的 邮箱 账户 要 使 用 不 同 的 密码 形式 。 对 于 
QQ 邮箱 ， 使 用 的 授权 码 是 专用 于 登录 第 三 方 客户 端的 密码 ， 与 QQ 账户 密码 不 同 ， 这 种 方 
法 的 好 处 是 在 不 泄漏 QQ 账户 密码 的 前 提 下 使 用 了 QQ 邮箱 的 SMTP 邮件 发 送 服务 ， 从 而 保 
证 了 QQ 账号 的 安全 。 但 对 于 其 他 如 126 等 邮箱 ，Password 值 应 为 相应 账户 的 密码 。 
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注意 : 发 件 人 邮箱 要 先 启用 POP3/SMTP 服务 ， 才 能 测试 本 实例 。 
9.4 小 结 


本 章 以 每 个 Web 应 用 程序 中 必 不 可 少 的 用 户 管理 为 例 ， 介 绍 了 ASPNET 三 层 架 构 编程 
思想 。 ASPNET 三 层 架 构 包 括 表 示 层 、 业 务 罗 和 辑 层 和 数据 访问 层 ， 是 企业 进行 Web 应 用 程序 
开发 的 主流 技术 之 一 , 因此 , 理解 并 熟练 运用 ASPNET 三 层 架 构 对 自己 未 来 适应 商业 软件 开 
发 有 重要 作用 。 用 户 管理 通常 包括 用 户 注册 、 用 户 登录 、 用 户 状态 呈现 、 用 户 密码 修改 和 重 
置 等 ， 在 实际 工程 开发 时 ， 还 需要 进一步 补充 基于 角色 的 用 户 权限 管理 等 功能 。 















































9.5 习 题 

1， 填空 题 

(1) 在 代码 隐藏 页 模型 中 ， 一 个 Web 窗 体 包含 用 于 界面 显示 代码 的 .aspx 文件 和 用 于 事 
件 处 理 等 代码 的 .aspx.cs 文件 ， 其 实质 是 一 个 典型 的 层 架 构 。 

(2) ASPNET 三 层 架 构 将 Web 应 用 程序 分 成 三 层 : 

(3) ASPNET 三 层 架 构 中 ， 需要 引用 ， 需要 引用 

(4) 用 户 注册 需要 首先 从 获取 用 户 名 等 注册 信息 ， 再 通过 中 的 用 户 名 检 
查 等 方法 调用 中 相应 的 方法 实现 数据 库 中 的 用 户 名 查询 等 操作 。 

2. 是 非 题 

(1) 表示 层 既 用 于 接收 用 户 的 数据 输入 ， 又 用 于 显示 业务 逻辑 处 理 的 结果 。 《 ) 

(2) 业务 逻辑 层 可 以 直接 访问 数据 库 完成 数据 查找 、 插 入 、 更 新 和 删除 等 操作 。 ) 

(3) 当 使 用 LINQ to SQL 技术 操作 数据 库 时 ，ASP.NET 三 层 架 构 可 以 只 包括 表示 层 、 业 
务 逻 辑 层 和 数据 访问 层 。 ( ) 

(4) 表示 层 项 目 可 以 直接 引用 数据 访问 层 项 目 。 ( > 

(5) 从 数据 访问 角度 看 ， 用户 登录 只 涉及 数据 查询 操作 。 ( 

3.， 选择 题 

(1) 在 ASPNET 三 层 架 构 中 ， 下 面 ( ) 不 是 必须 的 。 

A. 表示 层 B. Model C. 业务 逻辑 层  D. 数据 访问 层 


(2) 在 ASPNET 三 层 架 构 中 ， 下 面 ( ) 是 错误 的 。 
A. 表示 层 项 目 实质 是 一 个 网 站 或 Web 应 用 程序 项 目 
B. 业务 逻辑 层 项 目 实质 是 一 个 类 库 项 目 
C. 除 表 示 层 、 业 务 逻 辑 层 、 数 据 访 问 层 外 ， 一 定 要 包含 业务 实体 类 Model 和 数据 
库 访问 通用 类 DBUtility 
D. 数据 访问 层 项 目 实 质 是 一 个 类 库 项 目 
(3) 关于 用 户 管理 ， 下 面 〈 ) 是 错误 的 。 
A. 呈现 用 户 状态 和 权限 只 需要 使 用 表示 层 
B. 注册 用 户 肯 定 要 使 用 表示 层 、 业 务 罗 辑 层 、 数 据 访 问 层 
C. 修改 用 户 密码 肯定 要 使 用 表示 层 、 业 务 逻 辑 层 、 数 据 访问 层 
D. 用 户 登录 肯定 要 使 用 表示 层 、 业 务 逻 辑 层 、 数 据 访问 层 
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4. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 查找 资料 ， 在 实例 9-2 和 实例 9-3 中 增加 验证 码 功 能 。 

(3) 在 实例 9-4 中 ， 增 加 能 删除 一 般 用 户 的 用 户 管理 功能 。 

(4) 请 分 别 使 用 自行 申请 的 QQ 邮箱 和 126 邮箱 ， 分 别 修改 实例 9-6 中 Web.config 文件 
的 <appSettings> 配 置 节 ， 分 别 进行 用 户 密码 重 置 测试 。 

(5) 修改 实例 9-6， 将 其 中 的 密码 重 置 为 10 位 随机 字符 。 
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本 章 要 点 : 

* 掌握 建立 和 使 用 主题 的 方法 。 

* 理解 母 版 页 并 能 建立 母 版 页 。 

* 掌握 利用 母 版 页 创建 一 致 页 面 布局 的 方法 。 
* 掌握 建立 和 使 用 用 户 控件 的 方法 。 


10.1 主 题 


在 Web 应 用 程序 中 ， 通 常 所 有 的 页 面 都 有 统一 的 外 观 和 操作 方式 。ASPNET 通过 应 用 
主题 来 提供 统一 的 外 观 。 主 题 包括 外 观 文件 、CSS 文件 和 图 片 文件 等 。 


10.1.1 ”主题 概述 


和 CSS 类 似 ， 主 题 包含 了 定义 页 面 和 控件 外 观 的 属性 集合 ， 可 以 认为 主题 是 CSS 的 扩 
展 。 主 题 至 少 应 包含 外 观 文件 ， 另 外 ， 还 可 以 包括 CSS 文件 、 图 片 文件 及 其 他 资源 。 主 题 在 
存储 时 与 一 个 主题 文件 夹 对 应 。 当 存在 多 个 主题 文件 夹 时 ， 就 可 以 选择 不 同 的 主题 显示 不 同 
的 网 站 风格 。 

主题 类 型 中 最 常用 的 是 应 用 于 单个 Web 应 用 程序 的 应 用 程序 主题 。 它 存储 于 网 站 根 文件 
夹 下 的 App_Themes 文件 夹 中 ， 也 就 是 说 ，App_Themes 文件 夹 中 的 每 个 子 文件 夹 都 对 应 一 
个 应 用 程序 主题 。 


10.1.2” 自 定义 主题 


1， 主 题 和 外 观 文件 

一 个 主题 必须 包含 外 观 文件 。 下 面 以 创建 Red 主题 和 Red.skin 外 观 文件 为 例 说 明 ， 操 作 
步骤 如 下 : 

(1) 为 清晰 地 理解 本 章 实 例 ， 在 Book 解决 方案 中 新 建 一 个 Chap10Site 网 站 。 

(2) 右 击 Chap10Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 ASPNET 文件 
夹 ”一 “主题 ”命令 ，VSC 2017 会 在 网 站 根 文件 夹 下 自动 创建 App_Themes 文件 夹 ， 并 在 该 
文件 夹 下 建立 主题 文件 夹 。 之 后 输入 主题 名 Red。 

(3) 右 击 主题 文件 夹 Red， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “外 观 文件 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 输入 外 观 文件 名 Red.skin。 

(4) 打开 Red.skin 文件 ， 可 为 不 同类 型 的 控件 添加 仅 对 外 观 属性 进行 定义 的 外 观 样 式 。 

利用 SkinID 属性 可 以 为 同 种 类 型 控件 定义 多 种 外 观 ， 没 有 SkinID 的 则 为 默认 外 观 ， 有 
SkinID 的 称 为 已 命名 外 观 。 在 使 用 时 ， 同 一 主题 中 不 允许 同 种 类 型 控件 有 重复 的 SkinID 值 。 
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下 面 的 示例 代码 为 Label 类 型 控件 定义 了 三 种 外 观 样式 : 


<asp:Label runat="server" ForeColor="#FF0000" Font-Size="X-Small" /> 
<asp:Label runat="server" ForeColor="#00FF00" Font-Size="X-Small" 
SkinID="LabelGreen" /> 

<asp:Label runat="server" ForeColor="#0000FF" Font-Size="X-Small™" 
SkinID="LabelBlue" /> 


当 为 同 种 类 型 控件 定义 多 种 外 观 样式 后 ,在 页 面 中 使 用 主题 时 应 通过 控件 的 属性 SkinID 
进行 区 分 ， 如 : 


<asp:Label ID="lblMsg" runat="server" ForeColor="#0000FF" Font-Size="X-Small" 
SkinID="LabelBlue" /> 


表示 lblMsg 控件 使 用 LabelBlue 外 观 样式 。 

2， 添 加 CSS 到 主题 

外 观 文件 只 能 定义 与 服务 器 控件 相关 的 样式 ， 如 果 要 设置 XHTML 元 素 的 样式 ， 则 要 通 
过 在 主题 中 添加 CSS 文件 来 实现 。 操 作 时 ， 可 右 击 主题 文件 夹 Red， 在 弹出 的 快捷 菜单 中 选 
择 “ 添 加 ”一 “样式 表 ” 命 令 , 然后 在 呈现 的 对 话 框 中 输入 样式 文件 名 Red.css。 之 后 在 Red.css 
中 添加 XHTML 元 素 的 样式 。 

3。 添 加 图 片 文件 到 主题 

在 主题 中 添加 图 片 文件 ， 可 以 创建 更 好 的 控件 外 观 。 通 常 在 主题 文件 夹 中 创建 Images 
子 文件 夹 ， 再 添加 合适 的 图 片 文件 到 Images 文件 夹 。 要 使 用 Images 文件 夹 中 的 图 片 文件 ， 
可 以 通过 控件 的 用 于 链接 图 片 文件 的 URL 属性 进行 访问 。 


10.1.3 ”使 用 主题 


自 定义 或 从 网 上 下 载 主题 后 ， 就 可 以 在 Web 应 用 程序 中 使 用 主题 。 使 用 时 ， 可 以 在 单个 
页 面 中 应 用 主题 ， 也 可 以 在 网 站 或 网 站 的 部 分 页 面 中 应 用 主题 。 

1， 对 单个 页 面 应 用 主题 

对 单个 页 面 应 用 主题 ， 需 要 使 用 @ Page 指令 的 Theme 或 StylesheetTheme 属性 。 示 例 代 
码 如 下 : 


<%@ Page Theme="ThemeName" $%> 
<%@ Page StylesheetTheme="ThemeName" $%> 


其 中 ，StylesheetTheme 属性 表示 主题 为 本 地 控件 的 从 属 设 置 。 也 就 是 说 ， 如 果 在 页 面 上 
为 某 个 控件 设置 了 本 地 属性 ， 则 主题 中 与 该 控件 本 地 属性 相同 的 属性 将 不 起 作用 。 而 若 使 用 
Theme 属性 ， 则 本 地 属性 值 会 被 主题 中 设置 的 属性 值 所 履 盖 。 

2. 对 网 站 应 用 主题 

可 以 通过 修改 网 站 的 Web.config 文件 ， 将 主题 应 用 于 整个 网 站 。 示 例 代码 如 下 : 


<configuration> 
<system.web> 
<pages theme="ThemeName"></pages> 
</system.web> 
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</configuration> 


此 时 ， 网 站 中 所 有 的 ASPNET 页 面 都 将 应 用 ThemeName 主题 。 

如 果 要 对 网 站 中 的 部 分 页 面 应 用 某 主 题 ， 一 种 方法 是 将 这 些 页 面 放 在 一 个 文件 夹 中 ， 然 
后 在 该 文件 夹 中 建立 Web.config 文件 实现 主题 的 配置 。 另 一 种 方法 是 在 根 文件 夹 下 的 
Web.config 文件 中 通过 <location> 元 素 指 定子 文件 夹 。 例 如 ， 为 子 文件 夹 SubDir 设置 主题 的 
示例 代码 如 下 : 





<configuration> 
<location path="SubDir"> 
<system.web> 
<pages theme="ThemeName"></pages> 
</system.web> 
</location> 


</configuration> 

3. 禁用 主题 

默认 情况 下 ， 主 题 将 重 写 页 面 和 控件 外 观 的 本 地 设置 。 若 希望 单独 给 某 些 控 件 或 页 面 预 
定义 外 观 ， 而 不 希望 主题 改变 预 设 的 属性 ， 就 可 以 通过 禁用 主题 来 实现 。 有 具体 实现 时 ， 是 否 
禁用 主题 由 控件 和 页 面 的 EnableTheming 属性 确定 。 例 如 ， 在 页 面 中 禁用 主题 的 示例 代码 
如 下 : 

<%@ Page EnableTheming="False" %> 

在 控件 中 禁用 主题 的 示例 代码 如 下 : 


<asp:Label ID="1blMsg" runat="server" EnableTheming="False"></asp:Label> 


实例 10-1 动态 切换 主题 

















实例 10-1 





图 10-1 Theme.aspx 浏览 效果 


源 程 序 : Blue.skin 





<asp:Label runat="server" ForeColor="Blue" /> 
<asp:TextBox runat="server" ForeColor="Blue" /> 


<asp:Button runat="server" ForeColor="Blue" /> 


源 程序 : Green.skin 
<asp:Label runat="server" ForeColor="Green" /> 


<asp:TextBox runat="server" ForeColor="Green" /> 
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= 二 





<asp:Button runat="server" ForeColor="Green" /> 


源 程序 : Theme.aspx 部 分 代码 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Theme.aspx.cs" 





Inherits="Theme" $%> 
oo ( 略 》 
<form id="forml™" runat="server"> 
<div> 
<asp:DropDownList ID="ddlThemes" runat="server" AutoPostBack="True"> 
<asp:ListItem Value="0">-- 请 选择 主题 --</asp:ListItem> 
<asp:ListItem>Blue</asp:ListItem> 
<asp:ListItem>Green</asp:ListItem> 
</asp:DropDownList><br /> 
<asp:Label ID="lblName" runat="server" EnableTheming="True" Text=" 用 户 名 : "> 
</asp:Label> 
<asp:TextBox ID="txtName" runat="server" EnableTheming="True"> 
</asp:TextBox><br/> 
<asp:Button ID="btnSubmit" runat="server" EnableTheming="False" 
Text=" 确 定 "” /> 
</div> 
</form> 


… ( 略 ) 


源 程序 : Theme.aspx.cs 
using System; 
using System.Web.UI7 
public partial class Theme : System.Web.UI.Page 
{ 


protected void Page_PreInit (object sender, EventArgs e) 


{ 
// 当 选择 ddlThemes 下 拉 列 表 框 中 的 Blue 或 Green 时 改变 页 面 主题 
if (Request["ddlThemes"] != "0") 


{ 
Page.Theme = Request["ddlThemes"]; 


} 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 中 建立 Blue 主题 ， 之 后 在 Blue 主题 中 建立 Blue.skin 文件 。 

(2) 在 Chapl0Site 网 站 中 建立 Green 主题 ， 之 后 在 Green 主题 中 建立 Green.skin 文件 。 

(3) 在 Chapl0Site 网 站 的 根 文件 夹 下 建立 Theme.aspx， 并 添加 DropDownList、Label、 
TextBox、Button 控件 各 一 个 ， 参 考 源 程序 设置 控件 属性 。 

(4) 建立 Theme.aspx.cs。 最 后 ， 浏 览 Theme.aspx 进行 测试 。 

程序 说 明 : 

在 对 ddlThemes 控件 的 Items 属性 进行 设置 时 ， 将 “-- 请 选择 主题 -” 项 的 Value 属性 值 
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设置 为 0， 这 样 在 程序 中 即 可 容易 地 判断 是 否 选 择 了 “-- 请 选择 主题 --”。 

Page.Theme 属性 值 的 设置 必须 在 Page.PreInit 事件 的 处 理 代码 中 进行 设置 。 此 时 ， 通 过 
Request["ddlThemes"] 可 获取 ddlThemes 控件 中 被 选中 的 值 。 
因为 bmSubmit 控件 的 EnableTheming 属性 值 为 False, 所 以 作用 于 该 控件 的 主题 被 禁用 ， 
使 得 该 控件 的 颜色 不 会 发 生变 化 。 


10.2 母 版 页 
利用 母 版 页 可 以 方便 快捷 地 建立 统一 页 面 风格 的 ASPNET 网 站 ， 并 且 容 易 管理 和 维护 ， 
从 而 可 以 大 大 提高 网 站 设计 效率 。 
10.2.1 和 母 版 页 概述 


母 版 页 可 以 为 页 面 创建 一 致 的 布局 。 使 用 时 , 母 版 页 为 页 面 定 义 所 需 的 外 观 和 标准 行为 ， 
然后 在 母 版 页 基础 上 创建 要 包含 显示 内 容 的 各 个 内 容 页 。 当 用 户 请 求 内 容 页 时 ， 这 些 内 容 页 
将 与 母 版 页 合并 ， 使 得 母 版 页 的 布局 与 内 容 页 的 内 容 可 以 组 合 在 一 起 输出 。 














(1) 使 用 母 版 页 可 以 集中 处 理 页 面 的 通用 功能 ， 也 就 是 说 ， 若 要 修改 所 有 页 面 的 通用 功 
能 ， 只 需要 修改 母 版 页 即 可 。 

(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 应 用 于 一 组 页 面 。 例 如 ， 可 以 在 母 
版 页 上 使 用 控件 来 创建 一 个 应 用 于 所 有 页 面 的 菜单 。 

(3) 通过 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

母 版 页 由 特殊 的 @ Master 指令 识别 ， 该 指令 替换 了 用 于 普通 .aspx 页 面 的 @ Page 指令 。 
除 @ Master 指令 外 ， 母 版 页 还 包含 其 他 的 XHTML 元 素 ， 如 <html>、<head> 和 <form>。 实 际 
上 ,在 母 版 页 中 可 以 使 用 任何 XHTML 元 素 和 ASPNET 元 素 。 通常 需要 在 母 版 页 上 通过 一 个 
<img> 元 素 或 Image 控件 呈现 公司 的 徽标 ， 使 用 静态 文本 进行 版 权 声 明 以 及 使 用 服务 器 控件 
创建 网 站 导航 等 。 

母 版 页 可 以 包含 一 个 或 多 个 可 蔡 换 内 容 的 占 位 符 控件 ContentPlaceHolder。 实 际 使 用 时 ， 
这 些 占 位 符 控件 定义 可 替换 内 容 呈 现 的 区 域 ， 然 后 在 内 容 页 中 定义 可 替换 内 容 ， 最 后 ， 这 些 
可 替换 内 容 将 呈现 在 占 位 符 控件 定义 的 区 域 中 。 

母 版 页 文件 的 扩展 名 是 .master。 内 容 页 通过 MasterPageFile 属性 指定 母 版 页 的 文件 路 径 。 
内 容 页 中 包含 Content 控件 ， 并 使 用 ContentPlaceHolderID 属性 与 母 版 页 中 的 
ContentPlaceHolder 控件 联系 起 来 。 


10.2.2 ”创建 母 版 页 
创建 母 版 页 的 方式 和 创建 Web 窗 体 类 似 。 


实例 10-2 创建 母 版 页 
本 实例 将 创建 一 个 母 版 页 MasterPage.master， 该 母 版 页 采用 常见 的 “上 
中 下 ”页 面 布局 。 实例 10-2 
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源 程序 .MasterPage.master 





<%@ Master Language="C#" AutogventWireup="true" CodeFile="MasterPage.master.cs" 
Inherits="MasterPage" %> 
<!DOCTYPE html> 
<html> 
<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 母 版 页 </title> 
<asp:ContentPlaceHolder ID="cphHead" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<header> 
母 版 页 中 添加 的 网 站 Logo、 搜 索 入 口 、 登 录入 口 、 站 点 导航 栏 等 信息 。 
</header> 
<section> 
<asp:ContentPlaceHolder ID="cphSection" runat="server"> 
</asp:ContentPlaceHolder> 
</section> 
<footer> 
母 版 页 中 添加 的 页 底部 版 权 等 信息 。 
</footer> 
</div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 右 击 Chap10Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “ 母 版 页 ”模板 ， 输 入 母 版 页 名 MasterPage.master。 此 时 ， 若 选中 
“选择 母 版 页 ” 复 选 框 ， 则 表示 可 以 在 其 他 母 版 页 的 基础 上 建立 当前 的 母 版 页 。 单 击 “ 添 加 ” 
按钮 建立 文件 。 

(2) 参考 源 程序 添加 XHTML 元 素 和 相应 的 内 容 。 


10.2.3 ”创建 内 容 页 


母 版 页 提供 了 统一 布局 的 模板 ， 而 要 显示 不 同 页 面 的 内 容 需 要 创建 不 同 的 内 容 页 。 内 容 
页 仅 包含 要 与 母 版 页 合并 的 内 容 ， 可 以 在 其 中 添加 用 户 请 求 该 页 面 时 要 显示 
的 文本 和 控件 等 。 





实例 10-3 创建 内 容 页 
本 实例 将 创建 基于 母 版 页 MasterPage master 的 内 容 页 ,图 10-2 给 出 了 浏 
览 内 容 页 ContentPage.aspx 时 的 效果 。 
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上 二 版 页 中 添加 的 网 站 Logo、 搜索 入 口 、 登 录入 口 、 站 点 导航 栏 等 信息 。 


内 容 页 中 添加 的 页 面 内 容 . 
母 版 页 中 添加 的 页 底部 版 权 等 信息 。 





图 10-2 ”ContentPage.aspx 浏览 效果 


源 程序 :ContentPage.aspx 





<%Q@ Page Title=" 内 容 页 " Language="C#" MasterPageFile="~/MasterPage .master" 
RARAutoEventWireup="true" CodeFile="ContentPage.aspx.cs" Inherits="ContentPage"g> 

<asp:Content ID="ContentHead" ContentPlaceHolderID="cphHead" runat="Server"> 

</asp:Content> 

<asp:Content ID="ContentSection" ContentPlaceHolderID="cphSection" runat="Server"> 


<p> 内 容 页 中 添加 的 页 面 内 容 。</p> 
</asp:Content> 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 中 建立 实例 10-2 中 的 母 版 页 MasterPage.master。 

(2) 在 Chap1l0Site 网 站 中 建立 内 容 页 ContentPage.aspx。 需 注意 的 是 ， 建 立时 要 选中 “ 选 
择 母 版 页 ” 复 选 框 并 选择 母 版 页 MasterPage.master。 

(3) 根据 ContentPage.aspx 要 显示 的 内 容 ， 添 加 文本 到 与 ContentPlaceHolder 控件 
cphSection 相对 应 的 Content 控件 ContentSection 中 。 其 中 ， 在 MasterPage.master 中 定义 的 用 
于 统一 页 面 布局 的 信息 呈现 灰色 ， 不 能 被 修改 。 

(4) 浏览 ContentPage.aspx 查看 效果 。 

程序 说 明 : 

由 页 面 中 包含 的 @ Page 指令 的 MasterPageFile 属性 值 可 知 ， 该 页 面 将 与 网 站 根 文件 夹 下 
的 母 版 页 MasterPage.master 合并 。 


10.3 用 户 控 件 


在 ASPNET 页 面 中 ， 除 了 使 用 Web 服务 器 控件 外 ， 还 可 以 根据 需要 创建 重复 使 用 的 自 
定义 控件 ， 这 些 控件 被 称 作 用 户 控件 。 用 户 控件 是 一 种 复合 控件 ， 工 作 原 理 非 常 类 似 于 
ASPNET 页 面 ， 可 以 在 用 户 控件 中 添加 现 有 的 Web 服务 器 控件 ， 并 定义 控件 的 属性 和 方法 。 
用 户 控件 在 实际 工程 中 常用 于 统一 页 面 局 部 的 显示 风格 。 


10.3.1 ”用户 控件 概述 


在 网 站 设计 中 ， 有 时 可 能 需要 实现 内 置 Web 服务 器 控件 未 提供 的 功能 ， 有 时 可 能 需要 提 
取 多 个 页 面 中 相同 的 用 户 界 面 来 统一 页 面 显示 风格 。 针 对 这 些 情况 的 解决 方法 有 两 种 。 一 种 
是 创建 用 户 控件 ， 然 后 将 用 户 控件 作为 一 个 整体 对 待 ， 为 其 定义 属性 和 方法 。 另 一 种 方法 是 
自 定 义 控件 ， 其 实质 就 是 重新 编写 控件 对 应 的 从 Control 或 WebControl 派生 的 类 。 相 比较 而 
言 ， 因 为 可 以 重用 现 有 的 控件 ， 所 以 创建 用 户 控 件 要 比 创 建 自 定义 控件 方便 得 多 。 
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用 户 控件 对 应 的 文件 与 .aspx 文件 相似 ,同时 具有 用 户 界面 和 方法 代码 。 操 作 时 ， 可 以 采 
取 与 创建 Web 窗 体 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 所 需 的 控件 。 最后， 根据 需要 
添加 方法 代码 。 
用 户 控 件 与 Web 窗 体 的 区 别 主 要 包括 : 

(1) 存放 用 户 控件 的 文件 扩展 名 为 .ascx。 

(2) 用 户 控件 中 没有 @ Page 指令 ， 但 包含 @ Control 指令 。 

(3) 用 户 控件 不 能 作为 独立 文件 运行 ， 而 必须 像 处理 其 他 控件 一 样 ， 只 有 将 它们 添加 到 
Web 窗 体 中 后 才能 使 用 。 

(4) 用 户 控 件 中 没有 <html>、<body> 或 <form> 元 素 ， 这 些 元 素 必须 位 于 宿主 页 面 中 。 除 
此 以 外 的 XHTML 元 素 或 现 有 的 Web 服务 器 控件 都 可 以 添加 到 用 户 控件 中 。 


10.3.2 ”创建 用 户 控件 


可 以 像 设计 Web 窗 体 一 样 设计 用 户 控件 ， 也 可 以 将 Web 窗 体 更 改 为 一 个 用 户 控件 。 其 
中 ， 后 者 针对 已 经 开发 好 的 Web 窗 体 并 打算 在 整个 网 站 中 访问 其 功能 的 情况 下 使 用 。 

1. 设计 用 户 控件 

向 网 站 中 添加 用 户 控件 的 步骤 与 添加 Web 窗 体 类 似 。. 下 面 以 在 Chap10Site 网 站 的 根 文件 
夹 下 创建 用 户 控件 SearchUserControl.ascx 为 例 说 明 操作 流程 。 

(1) 右 击 Chap10Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “Web 用 户 控件 ”模板 ， 输 入 用 户 控件 名 SearchUserControl.ascx， 
单 击 “ 添 加 ”按钮 建立 文件 。 

(2) 像 普 通 Web 窗 体 一 样 添加 控件 和 编写 方法 代码 。 本 例 添加 了 TextBox 和 Button 控件 
各 一 个 ， 并 且 还 编写 了 Page.Load 和 btnSearch.Click 事件 被 触发 后 执行 的 方法 代码 。 

(3) 若 需 要 和 其 他 控件 交互 ， 则 可 以 为 用 户 控件 添加 公用 属性 。 如 在 本 例 中 ， 为 
SearchUserControl 类 添加 了 公用 属性 Text， 在 Page_Load0 方 法 代码 中 设置 了 Button 控件 的 
Text 属性 值 来 源 于 用 户 控件 的 Text 属性 值 ， 在 BtnSearch_Click() 方 法 代码 中 设置 了 文本 框 
txtSearchKey 的 Text 属性 值 。 当 然 ， 在 实际 工程 中 进行 数据 查询 时 需要 访问 数据 库 。 























源 程 序 : SearchUserControl.ascx 
<%@ Control Language="C#" AutoEventWireup="true" 
CodeFile="SearchUserControl.ascx.cs" Inherits="SearchUserControl" 和 > 
<asp:TextBox ID="txtSearchKey" runat="server"></asp:TextBox> 
<asp:Button ID="btnSearch" runat="server" Text=" 搜 索 " 
OnClick="BtnSearch Click" /> 


源 程序 : SearchUserControlLascx.cs 





using System 
public partial class SearchUserControl : System.Web.UI.UserControl 
{ 

// 添 加 用 户 控件 的 公用 属性 Text 

private string Text; // 下 画 线 左 边 有 一 个 空格 

public string Text 

{ 
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get { return Text; } 

set { Text = value; } 
} 
protected void Page Load (object sender, EventArgs e) 
{ 

if (this.Text != "") 

{ 

btnSearch.Text = this.Text; 

} 
} 
protected void BtnSearch Click(object sender, EventArgs e) 
{ 

txtSearchKey .Text = "搜索 完成 "; 
} 

} 


2. 将 单 文件 页 转换 为 用 户 控 件 

若 ASPNET 页 面 使 用 单 文件 页 模型 ， 则 将 其 转换 为 一 个 用 户 控件 的 步骤 如 下 : 

(1) 重 命名 .aspx 文件 扩展 名 为 .ascx。 

(2) 从 页 面 中 删除 <html>、<body> 和 <form> 元 素 ; 将 @ Page 指令 更 改 为 @ Control 指令 ; 
删除 @ Control 指令 中 除 Language、AutoEventWireup、CodeFile 和 Inherits 之 外 的 所 有 属性 。 

3。 将 代码 隐藏 页 转换 为 用 户 控 件 

车 ASPNET 页 面 使 用 代码 隐藏 页 模型 ， 则 将 其 转换 为 一 个 用 户 控件 的 步骤 如 下 : 

(1) 重 命名 .aspx 文件 扩展 名 为 .ascx。 

(2) 重 命名 .aspx.cs 文件 扩展 名 为 .ascx.cs。 

(3) 打开 .ascx.cs 文件 并 将 继承 的 类 从 Page 更 改 为 UserControl。 

(4) 在 .ascx 文件 中 , 删除 <html>、<body> 和 <form> 元 素 ; 将 @ Page 指令 更 改 为 @ Control 
指令 ; 删除 @ Control 指令 中 除 Language、AutoEventWireup、CodeFile 和 Inherits 之 外 的 所 有 
属性 ;在 @ Control 指令 中 ， 将 CodeFile 属性 值 更 改 为 重 命名 后 的 代码 隐藏 文件 名 。 


10.3.3 ”使 用 用 户 控件 


要 使 用 用 户 控件 ， 就 要 将 其 包含 在 Web 窗 体 中 。 操 作 时 ， 可 在 Web 窗 体 的 “设计 ” 视 
图 中 ， 直 接 将 用 户 控件 文件 从 “解决 方案 资源 管理 器 ”窗口 拖 到 页 面 上 ， 即 添加 了 该 用 户 控 
件 。 此 时 ， 在 “ 源 ” 视 图 中 ，VSC 2017 自动 添加 了 一 行 @ Register 指令 ， 示 例 代码 如 下 : 


<%@ Register Src="SearchUserControl.ascx" TagName="SearchUserControl" 


TagPrefix="uc" %> 


其 中 ，TagPrefix 属性 指定 用 户 控 件 的 前 级 ， 这 类 似 于 Web 服务 器 控件 的 asp 前 级 。 定义 
好 前 级 后 ， 在 使 用 用 户 控 件 时 需要 先 加 前 级 ， 如 <uc:SearchUserControl…>; TagName 属性 指 
定 用 户 控件 的 名 称 ; Src 属性 指定 用 户 控件 文件 的 存储 路 径 。 

注意 : 用 户 控件 不 能 存放 于 App Code 文件 夹 下 。 

在 Web 窗 体 的 <form> 元 素 中 ， 自 动 生成 的 用 户 控件 元 素 的 示例 代码 如 下 : 


<uc:SearchUserControl ID="SearchUserControll" runat="server" Text=" 查 找 " /> 
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其 中 ，Text 属性 是 用 户 控件 SearchUserControl 的 公共 属性 ， 可 以 在 “ 属 
性 ”窗口 中 设置 其 值 。 


实例 10-4 ”使 用 用 户 控件 
本 实例 将 用 户 控件 SearchUserControl 添加 到 Web 窗 体 中 , 浏览 效果 如 图 
10-3 所 示 ， 单 击 “ 查 找 ” 按 钮 ， 呈 现 如 图 10-4 所 示 的 浏览 效果 。 












































图 10-3 ”UserControlTest.aspx 浏览 效果 (1) 图 10-4 ”UserControlTest.aspx 浏览 效果 (2) 


源 程序 ，UserControlTest.aspx 部 分 代码 

<%@ Page Language="C#" AutogventWireup="true" 
CodeFile="UserControlTest.aspx.cs" Inherits="UserControlTest" %> 
<%@ Register Src="SearchUserControl.ascx" TagName="SearchUserControl" 
TagPrefix="uc" %> 

00 (上 略 ) 
<form id="forml" runat="server"> 

<div> 

<uc:SearchUserControl ID="SearchUserControll" runat="server" Text=" 查 找 "/> 

</div> 
</form> 


…《 略 》 


操作 步骤 : 

(1) 在 Chapl0Site 网 站 的 根 文件 夹 中 新 建 UserControlTest.aspx。 

(2) 在 “设计 ”视图 中 ,将 SearchUserControl.ascx 拖 到 页 面 上 ， 设 置 控件 的 Text 属性 值 
为 “查找 ”。 

(3) 浏览 UserControlTest.aspx 查看 效果 。 

程序 说 明 : 
当 页 面 载 入 到 用 户 控件 时 ， 和 触发 用 户 控 件 定义 中 的 Page.Load 事件 ， 执 行 用 户 控件 定义 
中 的 Page_ Load0 方 法 代码 ， 将 用 户 控件 的 Text 属性 值 赋值 给 btnSearch.Text， 因 此 ， 在 按钮 
上 显示 “查找 ” 当 单 击 “ 查 找 ” 按 钮 时 触发 Click 事件 , 执行 用 户 控件 定义 中 的 BtnSearch_ClickO 
方法 代码 ， 在 文本 框 txtSearchKey 中 显示 “搜索 完成 ” 当然 ， 在 实际 工程 中 数据 查找 常 需要 
与 数据 库 结合 。 





10.4 小 结 


本 章 介绍 了 ASPNET 中 的 主题 、 母 版 和 用 户 控件 , 以 及 利用 这 些 技术 创建 具有 统一 风格 
网 站 的 方法 。 
主题 包括 外 观 文件 、CSS 文件 和 图 片 文 件 ， 其 中 外 观 文件 为 页 面 中 的 服务 器 控件 提供 一 
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致 的 外 观 。 了 





E 题 对 应 一 个 主题 文件 夹 ， 并 且 必 须 存 放 在 ASPNET 文件 夹 App_Themes 中 。 


利用 母 版 页 可 以 方便 快捷 地 建立 统一 风格 的 ASPNET 网 站 , 并 且 容 易 管理 和 维护 ,从 而 
可 以 大 大 提高 网 站 设计 效率 。 在 使 用 时 ， 母 版 页 先 定义 整体 布局 ， 再 和 内 容 页 组 合 输出 。 与 
母 版 页 相 比较 ， 用 户 控件 在 实际 工程 中 常 在 页 面 局 部 范围 内 统一 页 面 显示 风格 。 





10.5 习 题 


1. 填空 题 


(1) 主题 可 以 包括 
(2) 母 版 页 由 特殊 的 





、 样 式 表 文件 和 。 
指令 识别 ， 该 指令 奉 换 了 用 于 普通 .aspx 页 面 的 @ Page 指令 。 











(3) 母 版 页 中 可 以 包含 一 个 或 多 个 可 替换 内 容 占 位 答 ” __。 


(4) 通过 
(5) 内 容 页 通过 


属性 指定 用 户 控 件 的 前 级 。 
和 母 版 页 建立 联系 。 











(6) 主题 必须 存放 在 ASPNET 文件 夹 中 。 
(7) 内 容 页 中 的 Content 控件 必须 通过 属性 与 母 版 页 中 的 ContentPlaceHolder 控 


件 联系 起 来 。 


2. 是 非 题 


(1) 主题 至 少 要 有 样式 表 文 件 。 

(2) 母 版 页 只 能 包含 一 个 ContentPlaceHolder 控件 。 

(3) 在 同一 主题 中 每 个 控件 类 型 只 允许 有 一 个 默认 的 控件 外 观 。 
(4) 控件 外 观 中 必须 指定 SkinID 值 。 


(5) 同 - 


(6) App_Code 文件 夹 中 可 以 包含 用 户 控件 。 
(7) 用 户 控件 中 可 以 定义 属性 。 


-主题 中 不 允许 一 个 控件 类 型 有 重复 的 SkinID。 


一 一 天 一 一 一 一 
Me i WA Ne Wi et 





3， 选 择 题 
(1) 主题 不 包括 (。 )。 
A. skin 文件 B. ess 文件 C. 图 片 文件 D. config 文件 
(2) 一 个 主题 必须 包含 〈 》 
A. skin 文件 B. css 文件 C. 图 片 文件 D. config 文件 
(3) 母 版 页 文件 的 扩展 名 是 Ns 
A. .aspx B. .master C. ¢s D. .skin 
(4) 可 以 通过 设置 控件 和 页 面 的 ( ”) 属性 禁用 主题 。 
A. ProhibitTheming B. StylesheetTheme 
C. Theme D. EnableTheming 
4. 简 答题 
(1) @ Page 指令 中 的 Theme="ThemeName" 和 StylesheetTheme="ThemeName" 有 何 


区 别 ? 


(2) 如 何 将 单 文件 页 和 代码 隐藏 页 转换 为 用 户 控件 ? 
(3) 简 述 包含 ASPNET 母 版 页 的 页 面 运行 时 的 显示 原理 。 
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5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 设计 一 个 母 版 页 ， 并 利用 该 母 版 页 建立 一 个 个 人 网 站 。 

(3) 设计 一 个 主题 ， 并 将 主题 应 用 于 一 个 留言 板 系统 。 

(4) 设计 母 版 页 和 内 容 页 ， 浏 览 效果 如 第 15 章 MyPetShop 应 用 程序 的 首页 所 示 。 





网 站 导航 


本 章 要 点 : 

* 了 解 网 站 导航 的 含义 和 实现 方法 。 

* 掌握 网 站 地 图 文件 的 结构 并 能 合理 地 建立 网 站 地 图 。 

* 掌握 网 站 导航 控件 SiteMapPath、TreeView 和 Menu 的 用 法 。 
* 掌握 母 版 页 中 网 站 导航 控件 的 用 法 。 


11.1 网 站 地 图 


在 含有 大 量 页 面 的 任何 网 站 中 ， 早 期 要 实现 用 户 随意 在 页 面 之 间 进 行 切 换 的 导航 系统 颇 
有 难度 。 早 期 的 模式 是 通过 页 面 上 散布 的 超 链接 方式 实现 ， 在 页 面 移动 或 修改 页 面 名 称 后 ， 
开发 人 员 不 得 不 进入 页 面 逐 个 修改 超 链接 ， 维 护 工作 量 很 大 。ASPNET 中 的 网 站 导航 可 创建 
页 面 的 集中 网 站 地 图 ， 使 得 导航 的 管理 变 得 十 分 简单 。 


11.1.1 网 站 地 图 文件 


在 ASPNET 中 ,要 使 用 网 站 导航 , 就 需要 用 网 站 地 图 文件 来 描述 网 站 中 页 面 的 层次 结构 。 
其 中 , 网 站 地 图 文件 是 一 个 XML 文件 , 通过 <siteMapNode> 元 素描 述 每 个 页 面 的 标题 和 URL 
等 信息 。 当 用 一 个 或 多 个 网 站 地 图 文件 描述 页 面 层次 结构 时 ， 其 中 有 一 个 网 站 地 图 文件 必须 
存放 于 网 站 根 文件 夹 下 且 以 Web.sitemap 命名 ， 其 他 的 网 站 地 图 文件 可 以 存放 在 其 他 位 置 。 

默认 的 网 站 地 图 文件 Web.sitemap 的 代码 如 下 : 


<?xml Version="1.0"” encoding="utf-8" ?> 


<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 


<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 


上 述 代 码 中 , 根 元 素 <siteMap> 包 含 了 <siteMapNode> 子 元 素 。 所 有 的 <siteMapNode> 元 素 
形成 了 网 站 页 面 的 层次 结构 ， 其 中 第 一 层 <siteMapNode> 元 素 为 网 站 的 首页 ， 下 一 层 
<siteMapNode> 元 素 表示 首页 下 层 的 页 面 。 

<siteMapNode> 元 素 的 常用 属性 如 表 11-1 所 示 。 
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表 1L-1 <siteMapNode> 元 素 常用 属性 表 








属 性 说 明 

description | 描述 超 链接 的 作用 ， 当 鼠标 指针 指向 超 链接 时 会 给 出 的 提示 信息 
siteMapFile 引用 另 一 个 网 站 地 图 文件 

title 表示 超 链接 的 显示 文本 

url 超 链接 目标 页 的 URL 地 址 





实例 11-1 创建 网 站 地 图 
本 实例 向 ChapSite 网 站 添加 网 站 地 图 ， 包 含 于 网 站 地 图 中 的 页 面 的 层次 结构 如 图 11-1 


所 示 。 






1 
实例 11-1 





11-1 页 面 层次 结构 


源 代码 : Web.sitemap 
<?xml Version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chapl1/Home.aspx"” title=" 首 页 ”description=" 首 页 "> 
<siteMapNode url="~/Chapl1/Products.aspx"” title=" 产 品 " 
description=" 所 有 产品 "> 
<siteMapNode url="~/Chap11/Hardware.aspx"” title=" 硬 件 " 
description=" 硬 件 产品 "” /> 
<siteMapNode url="~/Chap11/Software.aspx" title=" 软 件 " 
description=" 软 件 产品 ” /> 


</siteMapNode> 
<siteMapNode url="~/Chapl1/Services.aspx"” title=" 服 务 " 


description=" 售 后 服务 "> 

<siteMapNode url="~/Chap11/Training.aspx" title=" 培 训 " 
description=" 培 训 服 务 " /> 
<siteMapNode url="~/Chapl1/Consulting.aspx"” title=" 咨 询 " 
description=" 咨 询 服务 " /> 
<siteMapNode url="~/Chap11/Support.aspx" title=" 支 持 " 
description=" 技 术 支 持 " /> 

</siteMapNode> 

</siteMapNode> 
</siteMap> 


操作 步骤 : 
右 击 ChapSite 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 后 在 呈 
现 的 对 话 框 中 选择 “站 点 地 图 ”模板 ， 单 击 “ 添 加 ”按钮 ， 建 立 网 站 地 图 文件 Web.sitemap。 


输入 源 代码 。 
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11.1.2 府 套 网 站 地 图 文件 


对 于 页 面 结构 复杂 的 网 站 ， 将 所 有 的 导航 信息 都 放 在 一 个 Web.sitemap 中 会 显得 比较 杂 
乱 。 在 这 种 情况 下 ， 可 以 考虑 使 用 嵌 套 网 站 地 图 文件 ， 即 将 信息 分 散 到 多 个 .sitemap 文件 中 ， 
再 把 分 散 的 .sitemap 文件 合并 到 网 站 根 文件 夹 下 的 Web.sitemap 文件 。 在 合并 
时 ， 要 用 到 <siteMapNode> 元 素 的 siteMapFile 属性 。 


实例 11-2 ”创建 说 套 网 站 地 图 
本 实例 功能 与 实例 11-1 完全 相同 , 但 使 用 嵌 套 网 站 地 图 实现 。 也 就 是 说 ， 
首先 将 描述 产品 和 服务 的 信息 分 散 到 文件 Products.sitemap 和 Services.sitemap 
中 ， 然 后 在 Webl.sitemap 〈 测 试 时 需要 重 命名 为 Web.sitemap) 中 设置 <siteMapNode> 元 素 的 
siteMapFile 属性 值 为 需 包含 的 .sitemap 文件 。 其 中 ，Products.sitemap 和 Services.sitemap 存放 
在 Chap11 文件 夹 下 ， 而 Webl.sitemap 存放 在 网 站 根 文件 夹 下 。 





源 程序 ， Webl.sitemap 
<?xml Version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chap11/Home.aspx" title=" 首 页 "description=" 首 页 "> 
<siteMapNode siteMapFile="~/Chapl1/Products.sitemap" /> 
<siteMapNode siteMapFile="~/Chapll/Services.sitemap" /> 
</siteMapNode> 
</siteMap> 


源 程序 .Products.sitemap 
<?xml version="]1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chap11/Products.aspx" title=" 产 品 " description=" 所 有 产品 "> 
<siteMapNode url="~/Chapl1/Hardware.aspx" title=" 硬 件 " description=" 硬 件 产品 "/> 
<siteMapNode url="~/Chap11/Software.aspx" title=" 软 件 " description=" 软 件 产品 "/> 
</siteMapNode> 
</siteMap> 


源 程序 : Services.sitemap 





<?xml Version="1.0"” encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Chap11/Services.aspx"” title=" 服 务 " description=" 售 后 服务 "> 
<siteMapNode url="~/Chapl1/Training.aspx"” title=" 培 训 " 
description=" 培 训 服 务 " /> 
<siteMapNode url="~/Chap11/Consulting.aspx” title=" 咨 询 " 
description=" 咨 询 服 务 "/> 
<siteMapNode url="~/Chap1l1/Support.aspx"” title=" 支 持 " 
description=" 技 术 支 持 "/> 
</siteMapNode> 
</siteMap> 
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1.2 SiteMapPath 控件 显示 导航 


在 实际 应 用 中 ， 经 常 在 每 个 页 面 上 添加 当前 页 面 位 于 当前 网 站 层次 结构 中 哪个 位 置 的 导 
航 ， 这 种 功能 称 为 面包 恬 功 能 。 在 以 前 的 网 站 开发 中 要 实现 面包 必 功 能 是 比较 复杂 的 ， 
ASPNET 提供 了 可 自动 实现 面包 悄 功 能 的 SiteMapPath 控件 。 SiteMapPath 控件 不 需要 数据 源 
控件 ， 就 可 以 自动 绑 定 网 站 地 图 文件 Web.sitemap。 使 用 时 只 需要 将 SiteMapPath 控件 添加 到 
页 面 中 就 可 以 了 。 当 然 ， 最 好 的 方法 是 将 SiteMapPath 控件 添加 到 母 版 页 中 ， 以 便 实 现 统一 
的 网 站 导航 界面 。 定 义 的 语法 格式 如 下 : 


<asp:SiteMapPath ID="SiteMapPath1"” runat="server"></asp:SiteMapPath> 
SiteMapPath 控件 的 常用 属性 如 表 11-2 所 示 。 
表 11-2 ”SiteMapPath 控件 的 常用 属性 表 





属 性 说 有明 
ParentLevelsDisplayed 获取 或 设置 相对 于 当前 显示 节点 的 父 节点 级 别 数 
PathDirection 获取 或 设置 导航 路 径 节 点 的 呈现 顺序 
PathSeparator 获取 或 设置 一 个 符号 ， 用 于 分 隔 网 站 的 导航 路 径 


实例 11-3 ”利用 SiteMapPath 控件 显示 导航 
如 图 11-2 所 示 ， 本 实例 利用 SiteMapPath 控件 显示 网 站 导航 。 


4， EE ET 





中 SiteMapPath 控 件 显 示 导 航 的 测试 页 i 
首页 > 产品 > 硬件 


11-2 Hardware.aspx 浏览 效果 





实例 11-3 


源 程序 ，Hardware.aspx 部 分 代码 
<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="Hardware.aspx.cs" 
Inherits="Chapll Hardware" 名 > 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
SiteMapPath 控件 显示 导航 的 测试 页 <br /> 
<asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath> 
</div> 
</form> 


… (上 略 ) 


操作 步骤 : 

(1) 建立 与 实例 11-1 相同 的 网 站 地 图 文件 Web.sitemap。 

(2) 在 Chap11 文件 夹 中 建立 Hardware aspx。 添 加 一 个 SiteMapPath 控件 。 最 后 ， 浏 览 
Hardware.aspx 进行 测试 。 
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11.3 ”TreeView 控件 显示 导航 


TreeView 控件 常用 于 以 树 形 结构 显示 分 层 数据 的 情形 。 利 用 TreeView 控件 可 以 实现 网 
站 导航 , 也 可 以 用 来 显示 XML、 表 格 或 关系 数据 。 可 以 说 , 凡是 树 形 层次 关系 的 数据 的 显示 ， 
都 可 以 用 TreeView 控件 。 


11.3.1 TreeView 控件 


TreeView 控件 中 的 每 个 项 都 称 为 一 个 节点 ， 每 一 个 节点 都 是 一 个 TreeNode 对 象 。 节 点 
分 为 根 节点 、 父 节点 、 子 节点 和 叶 节点 。 最 上 层 的 节点 是 根 节点 ， 可 以 有 多 个 根 节点 。 没 有 
子 节 点 的 节点 是 叶 节点 。 定 义 的 语法 格式 如 下 : 


<asp:TreeView ID="TreeView1"” runat="server"></asp:TreeView> 
TreeView 控件 常用 的 属性 如 表 11-3 所 示 。 
表 11-3 ”TreeView 控件 常用 属性 表 





属 性 说 明 
CollapseImageUrl 节点 折合 后 用 于 显示 图 片 的 URL 
EnableClientScript 是 否 允 许 在 客户 端 处 理 展开 和 折合 事件 
ExpandDepth 第 一 次 显示 时 所 展开 的 级 数 
ExpandImageUrl 节点 展开 后 用 于 显示 图 片 的 URL 
Nodes 获取 所 有 的 根 节点 集合 
NoExpandImageUrl 设置 用 于 显示 不 可 折 熙 〈 即 无 子 节点 ) 节 点 对 应 图 片 的 URL 
PathSeparator 节点 之 间 的 路 径 分 隔 符 
SelectedNode 当前 选中 的 节点 
SelectedValue 当前 选中 的 节点 值 
ShowCheckBoxes 是 否 在 节点 前 显示 复 选 框 
ShowLines 节点 间 是 否 显示 连接 线 


TreeView 控件 中 的 每 个 节点 实际 上 都 是 TreeNode 类 对 象 , 在 构建 TreeView 时 经 常 要 对 
TreeNode 对 象 进行 编程 操作 。TreeNode 类 的 常用 属性 如 表 11-4 所 示 。 


表 11-4 TreeNode 类 常用 属性 表 









ChildNodes 
ImageUrl 





说 


明 


获取 当前 节点 的 下 一 级 子 节点 集合 
获取 或 设置 节点 旁 用 于 显示 图 片 的 URL 












NavigateUrl | 获取 或 设置 单 击 节 点 时 导航 到 的 URL 
了 Parent 获取 当前 节点 的 父 节点 


TreeView 控件 中 的 节点 数据 可 以 在 设计 时 添加 ， 也 可 以 通过 编程 操作 TreeNode 对 象 动 
态 地 添加 或 修改 。 还 可 以 使 用 数据 源 控件 进行 绑 定 ， 如 可 以 使 用 SiteMapDataSource 控件 将 
网 站 地 图 数据 填充 到 TreeView 控件 中 ， 利 用 XmlDataSource 控件 从 XML 文件 中 获取 填充 
数据 。 

另外 , 可 以 利用 TreeView 控件 的 CollapseAll0 和 ExpandAll0 方 法 折 又 和 展开 节点 。 利用 


[2 
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TreeView 控件 的 Nodes.Add() 方 法 添加 节点 到 控件 中 。 利 用 TreeView 控件 的 Nodes.Remove() 
方法 删除 指定 的 节点 。 


实例 11-4 运用 TreeView 控件 
本 实例 利用 TreeView 控件 显示 城市 结构 图 ， 并 能 动态 地 添加 和 移 除 节 加 角 吕 浊 
点 、 折 又 和 展开 节点 。 在 图 11-3 中 ， 当 选中 “嘉兴 ”节点 后 在 文本 框 中 输入 实例 11-4 
“海宁 ”再 单 击 “ 添 加 节点 ”按钮 ,能 在 “嘉兴 ”节点 下 添加 一 个 子 节点 “ 海 
宁 ” 当 单 击 “ 移 除 当前 节点 ”按钮 ， 能 实现 删除 当前 节点 的 功能 。 当 单 击 “ 全 部 展开 ”按钮 ， 
实现 展开 所 有 节点 的 功能 。 当 单 击 “ 全 部 折 生 ”按钮 ， 能 实现 折 又 所 有 节点 的 功能 。 




















图 11-3 TreeView.aspx 浏览 效果 


源 程序 :TreeView.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="TreeView.aspx.cs" 
Inherits="Chapll TreeView" 和 > 
… ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<table> 
<tr> 
<td style="width: 150px"> 
<asp:TreeView ID="tvCity" runat="server" ShowLines="True"> 
<SelectedNodeStyle BorderSstyle="Solid" /> 
<Nodes> 
<asp:TreeNode Text=" 浙 江 " Value="zhejiang"> 
<asp:TreeNode Text=" 杭 州 " Value="hangzhou"></asp:TreeNode> 
<asp:TreeNode Text=" 嘉 兴 " Value="jiaxing"></asp:TreeNode> 
<asp:TreeNode Text=" 宁 波 " Value="ningbo"></asp:TreeNode> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 
</td> 
<td> 
<asp:TextBox ID="txtNode" runat="server" Width="105px"> 
</asp:TextBox><br /> 
<asp:Button ID="btnAddNode" runat="server" 
OnClick="BtnAddNode Click" 
Text=" 添 加 节点 " Width="110px" /><br /> 


<asp:Button ID="btnRemoveNode" runat="server" 
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OnClick="BtnRemoveNode Click" 
Text=" 移 除 当 前 节点 "Width="110px" /><br /> 
<asp:Button ID="btnExpandAll" runat="server" 
OnClick="BtnExpandAll Click" 
Text=" 全 部 展开 " Width="110px" /><br /> 
<asp:Button ID="btnCollapseAll" runat="server" 
OnClick="BtnCollapseAll Click" 
Text=" 全 部 折 闪 " Width="110px" /> 
</td> 
</tr> 
</table> 
</div> 
</form> 


…( 略 ) 
源 程序 


TreeView.aspx.cs 

using System; 

using System.Web.UI.WebControls; 

public partial class Chapll TreeView : System.Web.UI.Page 

{ 
protected void BtnRemoveNode Click(object sender, EventArgs e) 
{ 


if (tvCity.SelectedNode != null) // 存 在 当前 节点 
{ 

// 获 取 当 前 节点 的 父 节 点 

TreeNode parentNode = tvCity.SelectedNode.Parent; 

// 移 除 当前 节点 


ParentNode .ChildNodes .Remove (tvCity.SelectedNode); 


} 
protected void BtnAddNode Click(object sender, EventArgs e) 
{ 
if (txtNode .Text.Trim() .Length < 1) // 若 文本 框 中 的 值 为 空 ， 则 返回 
{ 
return; 
} 
// 建 立新 节点 childNode 
TreeNode childNode = new TreeNode(); 
childNode.Value = txtNode.Text.Trim(); 
if (tvCity.SelectedNode != null) // 存 在 当前 节点 
{ 
// 将 childNode 添加 到 当前 节点 
tvCity.SelectedNode.ChildNodes.Add (childNode); 
} 
else // 不 存在 当前 节点 
{ 
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//childNode 作为 根 节点 添加 到 tvcity 中 
tvCity.Nodes.Add (childNode); 
Ef 
txtNode.Text = ""; // 清 除 文本 框 


protected void BtnCollapseAll Click(object sender, EventArgs e) 
tvCity.CollapseAll (); // 折 全 所 有 的 节点 
protected void BtnExpandA11 Click(object sender, EventArgs e) 


tvCity.ExpandAll (); // 展 开 所 有 的 节点 





} 


操作 步骤 : 

(1) 在 Chap11 文件 夹 中 建立 TreeView.aspx。 在 “设计 ”视图 中 添加 一 个 用 于 布局 的 1 
行 2 列表 格 ， 向 相应 的 单元 格 中 添加 一 个 TreeView 控件 、 一 个 TextBox 控件 和 四 个 Button 
控件 。 

(2) 单 击 TreeView 的 智能 标记 ， 选 择 “ 编 辑 节 点 ”命令 ， 在 打开 的 “TreeView 节点 编 
辑 器 ”对 话 框 中 添加 节点 ， 如 图 11-4 所 示 。 


Expanded 


ImageToolTip 
ImageUrl 

NavigateUrl 
PopulateOnDer False 
SelectAction Select 
Selected False 
ShowCheckBox 











11-4 “TreeView 节点 编辑 器 ”对 话 框 


(3) 参考 源 程序 设置 其 他 控件 属性 。 

(4) 建立 TreeView.aspx.cs。 最 后 ， 浏 览 TreeView.aspx 进行 测试 。 

程序 说 明 : 

tvCity 控件 的 ShowLines 属性 值 为 Tme， 表 示 节 点 之 间 用 线条 连接 ; <SelectedNodeStyle 
BorderStyle="Solid" /> 表示 用 实 线 边框 标 出 当前 节点 ; 当 没 有 选择 节点 时 , 添加 的 节点 为 新 的 
根 节点 。 





11.3.2 ”使 用 TreeView 控件 实现 导航 


使 用 TreeView 控件 实现 网 站 导航 功能 时 的 数据 填充 有 两 种 方式 。 一 种 方式 是 利用 数据 
源 控件 SiteMapDataSource， 此 时 ， 只 要 将 TreeVievw 控件 的 DataSourceID 属 
性 值 设置 为 SiteMapDataSource 控件 的 ID 属性 值 就 可 以 了 。 另 一 种 方式 是 利 
用 LINQ 技术 。 






实例 11-5 利用 TreeView 控件 显示 导航 实例 11.5 
如 图 11-5 所 示 ，TreeView 控件 以 树 形 结构 的 形式 显示 包含 在 网 站 地 图 
文件 中 的 页 面 结构 图 ， 其 中 使 用 的 网 站 地 图 文件 为 实例 11-1 建立 的 Web.sitemap。 


Eee 
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11-5 Home.aspx 浏览 效果 


源 程序 ， Home.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="Home.aspx.cs" 
Inherits="Chap11_Home" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:TreeView ID="tvSiteMap" runat="server" DataSourceID="smdsSiteMap"> 
</asp:TreeView> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 
</div> 
</form> 


… ( 略 ) 

操作 步骤 : 

在 Chapll 文件 夹 中 建立 Home.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 最 后 ， 浏 览 
Home.aspx 查看 效果 。 

程序 说 明 : 

SiteMapDataSource 控件 能 自动 绑 定 Web.sitemap， 从 而 能 把 Web.sitemap 中 的 导航 信息 
通过 TreeView 控件 呈现 在 页 面 上 。 


11.4 ”Menu 控件 显示 导航 


Menu 控件 可 以 以 人 们 熟悉 的 菜单 形式 显示 分 层 数 据 。 与 TreeView 控件 类 似 ， 它 也 需要 
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数据 源 控件 的 支持 ， 如 配合 使 用 SiteMapDataSource 控件 ，Menu 控件 就 可 以 实现 网 站 导航 的 
菜单 显示 效果 。 此 时 ， 只 要 将 Menu 控件 的 DataSourceID 属性 值 设置 为 SiteMapDataSource 
控件 的 ID 属性 值 就 可 以 了 。 

Menu 控件 的 Orientation 属性 可 以 确定 菜单 的 排列 方式 , 值 Vertical 表示 
紧 向 排列 ， 值 Horizontal 表示 横向 排列 ， 默 认 值 为 Vertical。 


实例 11-6 ”利用 Menu 控件 显示 导航 菜单 
如 图 11-6 所 示 ， 利 用 Menu 控件 可 以 使 网 站 导航 以 菜单 的 形式 呈现 。 


Ce nt | 信和 用 venuifts 示 导 . 








趾 首页 ”产品 | 
服务 培训 
咨询 
起 捷 


图 11-6 ”Products.aspx 浏览 效果 


源 程序 ，Products.aspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="Products.aspx.cs" 
Inherits="Chapll1 Products" %> 
…( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Menu ID="mnuSiteMap" runat="server" DataSourceID="smdsSiteMap"> 
</asp:Menu> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 
</div> 
</form> 


… (上 略 ) 


11.5 在 母 版 页 中 使 用 网 站 导航 


在 一 个 页 面 中 添加 网 站 导航 并 不 复杂 ， 但 网 站 导航 常 需 要 应 用 于 所 有 页 面 ， 如 果 在 每 个 
页 面 中 添加 导航 控件 ， 这 样 既 烦 琐 又 很 难 统一 网 站 风格 ， 还 会 增加 网 站 的 维护 工作 量 。 例 如 ， 
若 要 更 改 页 面 中 导航 控件 的 位 置 ， 就 不 得 不 逐个 地 更 改 每 个 页 面 。ASPNET 可 以 在 母 版 页 中 
使 用 网 站 导航 控件 ， 这 样 ， 就 可 以 在 母 版 页 中 创建 包含 导航 控件 的 布局 ， 再 将 母 版 页 应 用 于 
所 有 的 内 容 页 。 基 于 母 版 页 使 用 网 站 导航 的 基本 步骤 是 : 

(1) 创建 用 于 导航 的 母 版 页 。 

(2) 将 导航 控件 添加 到 母 版 页 。 

(3) 创建 网 站 的 内 容 页 ， 利 用 MasterPageFile 属性 关联 母 版 页 。 


实例 11-7 实现 基于 母 版 页 的 网 站 导航 


在 图 11-7 中 ， 网 站 导航 由 母 版 页 实现 ， 内 容 页 与 母 版 页 关联 ， 并 输入 了 实例 11.7 
一 些 提示 信息 。 
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| 利用 母 版 页 SiteMap.master 实 现 网 站 导航 | 


咨询 
支持 
Copyright 2018 页 面 底部 版 权 等 信息 




















11-7 Services.aspx 浏览 效果 


源 程序 ，SiteMap.master 部 分 代码 
<%@ Master Language="C#" RutoEventWireup="true" CodeFile="SiteMap.master.cs" 
Inherits="Chapll1 SiteMap" 多 > 
oo 略 ) 
<form id="forml" runat="server"> 
<header> 
<hl style="background-color: #C0C0C0"> 网 站 Logo</h1> 
<asp:SiteMapPath ID="SiteMapPathl" runat="server"></asp:SiteMapPath> 
</header> 
<section> 
<table style="border-style: solid"> 
<tr> 
<td style="border-style: solid; border-width: thin;"> 
<asp:TreeView ID="tvSiteMap" runat="server" 
DataSourceID="smdsSiteMap"> 
</asp:TreeView> 
<asp:SiteMapDataSource ID="smdsSiteMap" runat="server" /> 
</td> 
<td style="border-style: solid; border-width: thin;"> 
<asp:ContentPlaceHolder ID="ContentPlaceHolderl" runat="server"> 
</asp:ContentPlaceHolder> 
</td> 
</tr> 
</table> 
</section> 
<footer>Copyright 2018 页 面 底部 版 权 等 信息 </footer> 
</form> 


… ( 略 ) 


源 程序 : Services.aspx 





<%@ Page Title=" 母 版 页 导航 " Language="C#" 
MasterPageFile="~/Chapll1/SiteMap.master" AutoEgventWireup="true" 


CodeFile="Services.aspx.cs" Inherits="Chap11_ Services" $%> 
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<asp:Content ID="Contentl" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" 
Runat="Server"> 

利用 母 版 页 SiteMap .master 实现 网 站 导航 


</asp:Content> 


操作 步骤 : 

(1) 在 Chap11 文件 夹 中 建立 母 版 页 SiteMap.master, 参考 源 程序 添加 <header>、<section> 
和 <footer> 等 元 素 ， 然 后 添加 控件 并 设置 各 元 素 和 各 控件 的 属性 。 

(2) 在 Chap11 文件 夹 下 建立 与 母 版 页 SiteMap.master 关联 的 内 容 页 Services.aspx， 输 入 
提示 信息 。 最 后 ， 浏 览 Services.aspx 查看 效果 。 可 以 看 到 页 面 “网 站 Logo” 下 面 有 面包 导 导 
航 ， 左 边 有 树 形 结构 导航 。 


11.6 小 结 


本 章 介 绍 了 ASPNET 提供 的 导航 系统 。 这 个 系统 的 核心 是 在 XML 文件 (网 站 地 图 文件 ) 
中 描述 网 站 的 页 面 结构 。 对 于 页 面 结构 复杂 的 网 站 , 可 以 利用 嵌 套 的 方式 构建 网 站 地 图 文件 。 
该 系统 同时 提供 了 功能 强大 的 导航 控件 ,包括 SiteMapPath、TreeView 和 Menu 控件 。 这些 导 
航 控件 可 以 获取 网 站 地 图 文件 中 的 数据 从 而 可 以 很 方便 地 实现 导航 功能 。 

本 章 还 介绍 了 SiteMapPath、TreeView 和 Menu 控件 的 使 用 方法 , 也 介绍 了 如 何 利 用 母 版 
页 实现 导航 的 方法 ,该 方法 可 以 更 加 高 效 地 实现 网 站 导航 。 其 中 ，SiteMapPath 控件 用 于 实现 
显示 当前 页 面 位 于 当前 网 站 页 面 层 次 结构 中 位 置 的 面包 居 导 航 。 该 控件 不 需要 通过 数据 源 控 
件 就 可 以 自动 绑 定 Web.sitemap。TreeView 控件 以 树 形 结构 显示 网 站 地 图 ，Menu 控件 以 菜单 
形式 显示 网 站 地 图 ， 二 者 都 需要 绑 定数 据 源 控件 SiteMapDataSource。 


11.7 习 题 





1. 填空 题 
(1) 网 站 地 图 文件 的 扩展 名 是 可 
(2) <siteMapNode> 元 素 的 url 属性 表示 


(3) 若 要 使 用 网 站 导航 控件 ， 必 须 在 文件 中 描述 网 站 的 页 面 结构 。 
(4) SiteMapPath 控件 的 PathDirection 属性 的 功能 是 
(5) Menu 控件 的 Orientation 属性 的 功能 是 

2. 是 非 题 

(1) 一 个 网 站 地 图 文件 中 只 能 有 一 个 <siteMap> 根 元 素 。 

(2) 网 站 导航 文件 不 能 嵌 套 使 用 。 

(3) 网 站 导航 控件 都 必须 通过 SiteMapPath 控件 来 访问 网 站 地 图 数据 。 
(4) 母 版 页 中 不 能 添加 导航 控件 。 

(5) 可 以 通过 LINQ 技术 为 TreeView 控件 添加 节点 数据 。 
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3. 选择 题 
(1) 关于 嵌 套 网 站 地 图 文件 的 说 法 中 ，〈 ”) 是 正确 的 。 
A. 网 站 地 图 文件 必须 存放 在 App_Data 文件 夹 下 
B. 网 站 地 图 文件 Web.sitemap 必须 存放 在 根 文件 夹 下 
C. 网 站 地 图 文件 必须 和 引用 的 页 面 存放 在 同一 个 文件 夹 中 
D. 对 存放 位 置 没 特殊 要 求 
(2) 网 站 导航 控件 ( 。””) 不 需要 添加 数据 源 控件 。 
A. SiteMapPath 也 TreeView C. Menu D. SiteMapDataSource 
(3) 母 版 页 中 使 用 导航 控件 , 要 求 (  )。 
A. 母 版 页 必须 存放 在 根 文件 夹 下 
B. 母 版 页 名 必须 为 Web.master 
C. 和 普通 页 一 样 使 用 ， 浏 览 母 版 页 时 就 可 以 查看 效果 
D. 必须 有 内 容 页 才能 查看 效果 
4， 简 答题 
(1) 描述 网 站 地 图 文件 的 基本 格式 。 
(2) 举例 说 明 如 何 利用 嵌 套 方式 解决 复杂 的 网 站 导航 问题 。 
(3) 如 何在 母 版 页 中 使 用 网 站 导航 功能 ? 
5， 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 分 析 某 门户 网 站 的 页 面 层 次 结构 ， 建 立 该 网 站 的 网 站 地 图 。 
(3) 模仿 第 15 章 MyPetShop 应 用 程序 的 导航 系统 ， 建 立 导航 系统 。 
(4) 建立 描述 本 书目 录 的 XML 文件 ， 并 利用 TreeView 控件 显示 该 文件 。 
(5) 利用 LINQ 技术 将 实例 11-1 中 的 网 站 地 图 数据 填充 到 一 个 TreeView 控件 中 。 





ASP.NET Ajax 


本 章 要 点 : 

* 了 解 Ajax 基础 知识 。 

* 理解 Ajax 工作 原理 。 

* 理解 ASPNET Ajax 技术 。 

* 掌握 ASPNET Ajax 服务 器 控件 的 用 法 。 

* 了 解 AjaxControlToolkit 程序 包 的 安装 和 其 中 包括 的 控件 功能 。 


12.1 Ajax 基础 


Ajax (Asynchronous JavaScript and XML) 是 一 种 允许 客户 端 通过 异步 HTTP 请 求 与 服务 
器 交换 数据 的 技术 ,目的 是 利用 已 经 成 熟 的 技术 构建 具有 良好 交互 性 的 Web 应 用 程序 。 通 常 
称 Ajax 页 面 为 无 刷新 Web 页 面 。 


12.1.1 Ajax 概述 


众所周知 ， 桌 面 应 用 程序 具有 良好 的 交互 性 。Web 应 用 程序 是 最 新 的 潮流 ， 它 们 提供 了 
在 桌面 上 不 能 实现 的 服务 。 但 是 Web 应 用 程序 需要 Web 服务 器 响应 、 等 待 请 求 返回 和 生成 
新 的 页 面 ， 因 此 ， 程 序 的 交互 性 比 桌 面 应 用 程序 要 差 。Ajax 技术 将 桌面 应 用 程序 具有 的 交互 
性 应 用 于 Web 应 用 程序 ， 使 Web 应 用 程序 能 更 好 地 展现 动态 而 漂亮 的 用 户 界 面 。 
Ajax 所 用 到 的 技术 包括 : 
。 XMLHttpRequest 对 象 。 该 对 象 允 许 浏览 器 与 Web 服务 器 通信 , 通过 MSXML ActiveX 
组 件 可 以 在 IE 5.0 以 上 的 浏览 器 中 使 用 。 

。 JavaScript 代码 。 这 是 运行 Ajax Web 应 用 程序 的 核心 代码 ， 用 于 帮助 改进 与 服务 器 应 
用 程序 的 通信 。 

。 DHTML。 通 过 使 用 <div>、<span> 和 其 他 动态 HTML 元 素来 动态 地 更 新 表单 。 

。 文档 对 象 模型 DOM。 通 过 JavaScript 代码 使 用 DOM 处 理 HTML 元 素 和 服务 器 返回 
的 XML。 

图 12-1 给 出 了 传统 的 Web 应 用 程序 和 利用 Ajax 技术 的 Web 应 用 程序 之 间 的 差别 。 在 传 
统 的 Web 应 用 程序 中 ， 每 当 用 户 请 求 页 面 时 ， 将 导致 服务 器 端 重新 生成 一 个 Web 页 面 ， 不 
管内 容 是 否 重复 ， 这 个 新 的 页 面 会 覆盖 掉 原 来 的 页 面 内 容 ， 也 就 是 整个 页 面 进 行 刷新 。 这 种 
同步 回 发 的 过 程 给 用 户 的 感觉 是 页 面 在 “闪烁 ” 从 而 影响 页 面 的 浏览 效果 。 运 用 Ajax 技术 
后 ， 它 便 会 在 页 面 中 嵌入 一 层 Ajax 引擎 。 当 客户 端 请 求 页 面 时 ， 由 Ajax 引擎 向 服务 器 端 异 
步 地 发 出 请 求 。 服 务 器 端 将 收 到 的 请 求 处 理 后 再 传 回 XML 格式 数据 到 Ajax 引擎 。 最 后 ， 部 
分 更 新 客户 端 界 面 。 这 种 异步 回 发 的 过 程 由 Ajax 引擎 完成 ， 客 户 端 不 需要 刷新 整个 页 面 。 
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传统 Web 应 用 程序 使 用 Ajax 的 Web 应 用 程序 


图 12-1 传统 和 使 用 Ajax 的 Web 应 用 程序 之 间 的 差异 


12.1.2 ASPNET Ajax 技术 


ASPNET Ajax 是 Ajax 的 Microsoft 实现 方式 ， 专 用 于 ASPNET 页 面 ， 对 Ajax 的 使 用 以 
控件 形式 提供 ， 提 高 了 易 用 性 。 使 用 ASPNET 中 的 Ajax 功能 ， 可 以 生成 丰富 的 Web 应 用 程 
序 。 与 传统 的 Web 应 用 程序 相 比 ， 基 于 ASPNET Ajax 的 Web 应 用 程序 具有 以 下 优点 : 

。 局 部 页 刷新 ， 即 只 刷新 已 发 生 更 改 的 页 面部 分 。 

。 自动 生成 代理 类 ， 从 而 简化 从 客户 端 脚本 调用 Web 服务 方法 的 过 程 。 

。 支持 主流 浏览 器 。 

。 页 面 的 大 部 分 处 理工 作 在 浏览 器 中 执行 ， 因 此 ， 大 大 提高 了 效率 。 

基于 ASPNET Ajax 的 Web 应 用 程序 有 两 种 实现 方式 ， 一 种 是 “ 仅 客 户 端 ” 解 决 方案 ， 
另 一 种 是 “客户 端 与 服务 器 ”解决 方案 .“ 仅 客户 端 ” 解 决 方案 使 用 ASPNET Ajax Library， 
但 不 使 用 任何 ASPNET Ajax 服务 器 控件 。 而 “客户 端 与 服务 器 ?解决 方案 既 使 用 ASPNET Ajax 
Library， 又 使 用 ASPNET Ajax 服务 器 控件 。 其 中 ，ASPNET Ajax Library 包含 一 系列 的 
JavaScript 脚本 ， 人 允许 Ajax 应 用 程序 在 客户 端 上 执行 所 有 的 页 面 处 理 。ASPNET Ajax 服务 器 
控件 在 VSC 2017 的 工具 箱 中 以 “AJAX 扩展 ”形式 提供 ， 可 以 与 其 他 ASPNET 控件 一 样 方 
便 地 使 用 。 


12.2 ASPNET Ajax 服务 器 控件 
当 把 ASPNET Ajax 服务 器 控件 添加 到 ASPNET 页 面 后 ， 浏 览 这 些 页 面 会 自动 将 支持 的 
客户 端 JavaScript 脚本 发 送 到 浏览 器 以 实现 Ajax 功能 。 
12.2.1 ScriptManager 控件 


ScriptManager 控件 是 ASPNET Ajax 功能 的 核心 ， 会 把 ASPNET Ajax Library 的 
JavaScript 脚本 下 载 到 浏览 器 ， 并 管理 一 个 页 面 上 的 所 有 ASPNET Ajax 资源 ， 包 括 客户 端 组 
件 、 局 部 页 刷新 、 本 地 化 、 全 球 化 和 自 定义 用 户 脚 本 的 脚本 资源 。 每 个 实现 Ajax 功能 的 页 面 
都 必须 添加 一 个 ScriptManager 控件 。 定 义 的 语法 格式 如 下 : 


<asp:ScriptManager ID="ScriptManager]l" runat="server" /> 
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ScriptManager 控件 的 EnablePartialRendering 属性 确定 页 面 能 否 实现 局 部 刷新 功能 。 默认 
情况 下 ，EnablePartialRendering 属性 值 为 Tme， 因 此 ， 默 认 情 况 下 ， 将 启用 页 面 局 部 刷新 
功能 。 

1. 在 ScriptManager 中 注册 自 定义 JavaScript 脚本 

在 ASPNET 页 面 中 可 以 通过 <scrip 人 元 素 引 用 自 定义 JavaScript 脚本 文件 。 但 是 , 以 此 方 
式 调用 的 脚本 不 能 用 于 局 部 刷新 页 面 ， 或 无 法 访问 ASPNET Ajax Library 的 某 些 组 件 。 若 要 
使 自 定义 JavaScript 脚本 文件 能 支持 基于 ASPNET Ajax 的 Web 应 用 程序 ， 必 须 在 该 页 面 的 
ScriptManager 控件 中 注册 该 脚本 文件 。 注 册 自 定义 JavaScript 脚本 文件 的 方法 是 在 
ScriptManager 控件 的 Scripts 属性 集合 中 添加 一 个 指向 该 脚本 文件 的 ScriptReference 对 象 , 如 
图 12-2 所 示 。 


成 员 (M): MyScriptjs 尾 性 (p): 


国 %| 

E> 
Assembly 
lgnoreScriptpath False 
Name 
NotifyScriptLoaded ”True 
EE Myscript;s 
ResourceUICultures 
ScriptMode Auto 





Path 
脚本 的 路 径 。 

















Lmwe || ms 


图 12-2 设置 ScriptManager 控件 的 Scripts 属性 


设置 后 的 示例 代码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 





<Scripts> 
<asp:ScriptReference Path="MyScript.js" /> 
</Scripts> 
</asp:ScriptManager> 


上 述 示 例 代码 表示 在 ScriptManager 控件 ScriptManagerl 中 注册 了 自 定义 JavaScript 脚本 
文件 MyScriptjs。 

另外 ， 还 可 以 使 用 RegisterClientScriptBlock0 方 法 直接 在 ScriptManager 控件 中 注册 自 定 
义 JavaScript 脚本 。 示 例 代 码 如 下 : 


ScriptManager .RegisterClientScriptBlock (btnSubmit, typeof (Button), 


DateTime.Now.ToString(),"alert('welcome')", true); 


该 语句 的 作用 是 将 自 定 义 JavaScript 脚本 注册 到 btnSubmit 对 象 ,在 执行 时 单 击 btnSubmit 
按钮 将 在 页 面 中 弹出 一 个 对 话 框 。 其 中 ，DateTime Now.ToStringO 用 于 指定 自 定义 JavaScript 


[Ey 
a 【es 
第 12 章 ASP.NET Ajax ss- 维 





脚本 的 唯一 标识 符 。 

2. 在 母 版 页 中 使 用 ScriptManager 

可 以 在 母 版 页 中 添加 ScriptManager 控件 ， 然 后 在 内 容 页 中 添加 其 他 ASPNET Ajax 服务 
器 控件 ， 实 现 页 面 局 部 刷新 功能 。 要 注意 的 是 ， 在 ASPNET Ajax 页 中 只 允许 包含 一 个 
ScriptManager 控件 。 因 此 ， 如 果 在 母 版 页 中 已 添加 了 ScriptManager 控件 ， 则 在 内 容 页 中 就 
不 能 再 添加 ScriptManager 控件 。 如 果 这 时 还 要 在 内 容 页 中 使 用 ScriptManager 控件 的 其 他 功 
能 ， 可 以 通过 添加 ScriptManagerProxy 控件 实现 。ScriptManagerProxy 控件 工作 方式 和 
ScriptManager 控件 相同 ， 只 是 它 专用 于 使 用 了 母 版 页 的 内 容 页 。 例 如 ， 以 下 的 示例 代码 表示 
在 一 个 内 容 页 中 利用 ScriptManagerProxy 控件 注册 自 定 义 JavaScript 脚本 文件 MyScriptjs。 


<%@ Page Language="C#" MasterPageFile="~/AjaxMasterPage.master" 
AutoEventWireup="true" CodeFile="ContentPage.aspx.cs" 
Inherits="Chapl2 ContentPage" %> 
<asp:Content ID="Contentl" ContentPlaceHolderID="ContentPlaceHolderl1" 
runat="Server"> 
<asp:ScriptManagerProxy ID="ScriptManagerProxyl" runat="server"> 
<Scripts> 
<asp:ScriptReference Path="MyScript.js" /> 
</Scripts> 
</asp:ScriptManagerProxy> 
</asp:Content> 


12.2.2 UpdatePanel 控件 


UpdatePanel 控件 是 一 个 容器 控件 ,该 控件 自身 不 会 在 页 面 上 显示 任何 内 容 ,主要 作用 是 
放置 在 其 中 的 控件 将 具有 局 部 刷新 的 功能 。 通 过 使 用 UpdatePanel 控件 ， 减 少 了 整 页 回 发 时 
的 屏幕 “闪烁 ”并 提高 了 页 面 交 互 性 ， 改 善 了 用 户 体验 ， 同 时 也 减少 了 在 客户 端 和 服务 器 之 
间 传 输 的 数据 量 。 

一 个 页 面 上 可 以 放置 多 个 UpdatePanel 控件 。 每 个 UpdatePanel 控件 可 以 指定 独立 的 页 面 
区 域 ， 实 现 独立 的 局 部 刷新 功能 。 实 际 使 用 时 将 需要 局 部 刷新 的 控件 放 在 UpdatePanel 控件 
内 部 的 <ContentTemplate> 子 元 素 中 。 另 外 ， 还 可 以 利用 控件 的 <Triggers> 元 素 内 的 
<asp:AsyncPostBackTrigger> 元 素 定 义 触 发 器 。 示 例 代 码 如 下 : 





<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
…<s-- 添 加 需要 局 部 刷新 的 控件 --$> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 


其 中 ，<asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" 人 定义 了 触 
发 器 ， 表 示 在 触发 控件 btnSubmit 的 Click 事件 后 , 会 产生 异步 回 发 并 刷新 <ContentTemplate> 
元 素 中 的 控件 。 
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1. 使 用 包含 于 UpdatePanel 控件 内 的 内 部 按钮 刷新 UpdatePanel 控件 


实例 12-1 使 用 内 部 按钮 刷新 UpdatePanel 控件 
如 图 12-3 和 图 12-4 所 示 ， 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往返 , 包含 ”器 
于 UpdatePanel 控件 中 的 Label 控件 将 被 刷新 ， 但 在 UpdatePanel 控件 外 的 实例 12.1 
Label 控件 未 刷新 。 


r 本 可 > aa 
我 在 Updatepanel 控 件 中 ‖ 21:19:36 | 剧 新 
我 在 UpdatePanel 控 件 外 我 在 UpdatePanel 控 件 外 


图 12-3 ”UpdatePnlIn.aspx 浏览 效果 (1) 图 12-4 UpdatePnlIn.aspx 浏览 效果 (2) 
源 程序 .UpdatePnlIn.aspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true" CodeFile="UpdatePnlIn.aspx.cs" 
Inherits="Chapl2 UpdatePnlIn" %> 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 



































<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="lblInterior" runat="server"></asp:Label> 
<asp:Button ID="btnRefresh" runat="server" OnClick="BtnRefresh Click" 
Text=" 刷 新 "” /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:Label ID="lblExterior" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 .UpdatePnlIn.aspx.cs 





using System; 
public partial class Chapl2 UpdatePnlIn : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
lblInterior.Text = "我 在 UpdatePanel 控件 中 "; 
lblExterior.Text "我 在 UpdatePanel 控件 外 "; 
} 
protected void BtnRefresh Click(object sender, EventArgs e) 


{ 
lblInterior.Text = DateTime.Now.ToLongTimeString(); 


lblExterior.Text = DateTime.Now.ToLongTimeString(); 


(NY 
Se | 233))) 
第 12 章 ASP.NET Ajax 人 -24 


操作 步 又 : 

(1) 在 Chap12 文件 夹 中 建立 UpdatePnlIn.aspx， 添 加 ScriptManager 和 UpdatePanel 控件 
各 一 个 。 其 中 ，ScriptManager 控件 对 应 的 元 素 必须 放 在 其 他 所 有 控件 对 应 元 素 的 前 面 。 

(2) 在 UpdatePanel 控件 中 添加 Label 和 Button 控件 各 一 个 ， 在 UpdatePanel 控件 外 添加 
一 个 Label 控件 ， 参 考 源 程 序 设 置 各 控件 的 属性 。 

(3) 建立 UpdatePnlIn.aspx.cs。 最 后 ， 浏 览 UpdatePnlIn.aspx 进行 测试 。 

程序 说 明 : 

默认 情况 下 ，UpdatePanel 控件 内 的 任何 回 发 控件 (如 Button 控件 ) 都 将 导致 异步 回 发 
并 刷新 UpdatePanel 的 内 容 。Label 控件 lblInterior 包含 在 UpdatePanel 控件 UpdatePanell 的 
<ContentTemplate> 子 元 素 中 。 当 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往 返 ， 页 面 上 的 lblInterior 
被 刷新 ， 而 lblExterior 没有 刷新 。 

实际 上 ， 在 使 用 时 允许 其 他 能 引起 页 面 往返 的 控件 来 代替 Button 控件 ， 如 设置 了 属性 
AutoPostBack="true" 的 DropDownList 控件 。 当 选择 DropDownList 控件 中 不 同 的 项 时 ， 将 局 
部 刷新 UpdatePanel 控件 指定 的 页 面 区 域 。 

2. 使 用 未 包含 在 UpdatePanel 控件 内 的 外 部 按钮 刷新 UpdatePanel 控件 

要 使 用 外 部 按钮 实现 局 部 刷新 功能 ， 需 要 在 UpdatePanel 控件 Un 
发 器 的 设置 。 





实例 12-2 ”使 用 外 部 按钮 刷新 UpdatePanel 控件 
如 图 12-5 和 图 12-6 所 示 ， 单 击 “ 刷 新 ”按钮 时 会 引发 页 面 往返 ， 页 面 莹 例 这 
上 的 Label 控件 将 被 刷新 ， 而 Button 控件 不 刷新 。 





我 在 UpdatePanel 控 件 中 中 用 21:28:09 有 
La 器 


图 12-5 UpdatePnlOut.aspx 浏览 效果 (1) 12-6 ”UpdatePnlOut.aspx 浏览 效果 〈2) 

















源 程序 ， UpdatePnlOut aspx 部 分 代码 





<sQ@ Page Language="C#" RutoEventWireup="true"” CodeFile="UpdatePnlOut.aspx.cs" 
Inherits="Chap12_UpdatePn1lOut” 和 > 
…《( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="lblInterior" runat="server"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnRefresh" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
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<asp:Button ID="btnRefresh" runat="server" OnClick="BtnRefresh Click" 
Text=" 刷 新 ” /> 
</div> 
</form> 


… ( 略 ) 


源 程序 .UpdatePnlOut.aspx.cs 
using System; 


public partial class Chapl2 UpdatePnlOut : System.Web.UI.Page 
{ 


protected void Page Load(object sender, EventArgs e) 


{ 


lblInterior.Text = "我 在 UpdatePanel 控件 中 "; 
} 


protected void BtnRefresh Click(object sender, EventArgs e) 
{ 


lblInterior.Text = DateTime.Now.ToLongTimeString(); 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 UpdatePnlOut.aspx， 添 加 ScriptManager 和 UpdatePanel 控 
件 各 一 个 。 

(2) 在 UpdatePanel 控件 中 添加 一 个 Label 控件 ， 再 在 UpdatePanel 控件 外 添加 一 个 


Button 控件 。 为 UpdatePanel 控件 UpdatePanell 指定 触发 器 AsyncPostBack: btnRefresh.Click， 
如 图 12-7 所 示 。 


成 员 (M): AsyncPostBack: btnRefresh.Click 尾 性 (p): 
围 %|z 
| | 为 


| ControllD btnRefresh 
| EventName Click 





























图 12-7 设置 UpdatePanel 控件 的 触发 器 
(3) 建立 UpdatePnlOut aspx.cs。 最 后 ， 浏 览 UpdatePnlOut.aspx 进行 测试 。 

程序 说 明 : 

为 了 避免 不 必要 的 数据 回 送 ， 可 以 只 将 需要 更 新 的 控件 放 在 UpdatePanel 控件 对 应 的 
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<ContentTemplate> 元 素 中 ， 而 将 触发 回 送 事件 的 控件 放 在 UpdatePanel 控件 外 部 ， 同 时 为 
UpdatePanel 控件 设置 触发 器 。 在 实例 12-1 中 ， 需 要 返回 与 Button 控件 相关 的 回 送 数据 ， 而 
本 实例 中 不 需要 返回 这 些 回 送 数据 ， 因 此 ， 将 返回 一 个 较 小 的 异步 响应 。 

3. 在 同一 个 页 面 中 使 用 多 个 UpdatePanel 控件 

启用 局 部 页 刷新 后 ， 可 执行 一 个 同步 回 发 来 刷新 整个 页 面 ， 也 可 执行 一 个 异步 回 发 来 刷 
新 一 个 或 多 个 UpdatePanel 控件 的 内 容 。 是 否 导致 异步 回 发 并 刷新 UpdatePanel 控件 将 根据 
UpdateMode 属性 的 值 而 定 。 

如 果 将 UpdatePanel 控件 的 UpdateMode 属性 值 设 置 为 Always， 则 每 次 执行 回 发 时 都 会 
刷新 UpdatePanel 控件 中 的 内 容 。 这些 回 发 包括 来 自 其 他 UpdatePanel 控件 所 包含 的 控件 的 异 
步 回 发 ， 也 包括 来 自 UpdatePanel 控件 未 包含 的 控件 的 回 发 。 

如 果 将 UpdateMode 属性 值 设置 为 Conditional, 则 会 在 以 下 情况 中 刷新 UpdatePanel 控件 
的 内 容 : 

(1) 显 式 调用 UpdatePanel 控件 的 Update0 方 法 时 。 

(2) UpdatePanel 控件 嵌 套 在 另 一 个 UpdatePanel 控件 中 并 且 刷 新 父 面板 时 。 

(3) 通过 使 用 UpdatePanel 控件 的 Triggers 属性 定义 为 触发 器 的 控件 导致 回 发 时 。 

(4) 将 ChildrenAsTriggers 属性 值 设置 为 True 并 且 UpdatePanel 控件 的 子 控件 导致 回 发 时 。 

注意 : 不 允许 同时 将 ChildrenAsTriggers 属性 值 设置 为 False 和 UpdateMode Se 
为 Always， 否 则 会 引发 异常 。 


实例 12-3 在 同一 个 页 面 中 使 用 多 个 UpdatePanel 控件 
如 图 12-8 和 图 12-9 所 示 , 在 页 面 中 包含 两 个 UpdatePanel 控件 所 指定 的 
独立 刷新 区 域 。 单 击 不 同 的 按钮 将 刷新 不 同 的 区 域 。 当 单 击 “ 刷 新 第 1 个 面 
板 ” 按 钮 时 会 引发 页 面 往返 ， 页 面 上 的 lblUp1 控件 被 刷新 。 当 单 击 “刷新 第 2 个 面板 ”按钮 
时 会 引发 页 面 往返 ， 页 面 上 的 lblUp2 控件 被 刷新 。 








实例 12-3 


cme = ol 


2 | CE 
< [S| Sa 个 页 桓 + 使 用 [al | G 在 个 页 本 + 使 用 名 


| 我 在 第 1 个 面板 刷新 时 间 : 21:37:43 
刷新 第 1 个 面板 出 新 第 1 个 板 














我 在 第 2 个 面板 刷新 时 间 : 21:37:49 
刷新 第 2 个 面板 刷新 第 2 个 面板 





























图 12-8 ”MultiUpdatePanel.aspx 浏览 效果 (1) 12-9 MultiUpdatePanelaspx 浏览 效果 (2) 


源 程序 .MultiUpdatePanel.aspx 部 分 代码 
<%@ Page Language="C#" AutoEgventWireup="true" 
CodeFile="MultiUpdatePanel.aspx.cs" Inherits="Chapl2 MultiUpdatePanel" %> 
…( 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="lblUpl" runat="server™" Text=" 我 在 第 1 个 面板 "> 
</asp:Label><br/> 
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<asp:Button ID="btnUpl" runat="server" OnClick="BtnUpl Click" 
Text=" 刷 新 第 1 个 面板 ” /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" 
UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="lblUp2"” runat="server" Text=" 我 在 第 2 个 面板 "> 
</asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="btnUp2" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:Button ID="btnUp2" runat="server" OnClick="BtnUp2 Click" 
Text=" 刷 新 第 2 个 面板 ” /> 
</div> 
</form> 


Er (上 略 ) 


源 程序 ， MultiUpdatePanel.aspx.cs 
using System; 
public partial class Chapl2 _ MultiUpdatePanel : System.Web.UI.Page 


{ 
protected void BtnUpl Click(object sender, EventArgs e) 


下 
lb1Upl.Text = "刷新 时 间 : " + DateTime.Now.ToLongTimeString(); 


} 
protected void BtnUp2 Click(object sender, EventArgs e) 


f 
lblUp2 .Text = "刷新 时 间 : ”+ DateTime.Now.ToLongTimeString(); 


下 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 MultiUpdatePanel.aspx， 添 加 一 个 ScriptManager 控件 和 两 
个 UpdatePanel 控件 。 

(2) 在 UpdatePanel 控件 UpdatePanell 中 添加 Label 和 Button 控件 各 一 个 。 

(3) 在 UpdatePanel 控件 UpdatePanel2 中 添加 一 个 Label 控件 。 在 两 个 UpdatePanel 控件 
外 添加 一 个 Button 控件 ， 参 考 源 程序 设置 各 控件 属性 。 

(4) 建立 MultiUpdatePanel.aspx.cs。 最 后 ， 浏 览 MultiUpdatePanel.aspx 进行 测试 。 


12.2.3 ”Timer 控件 


Timer 控件 按 定 义 的 时 间 间 隔 执 行 同步 或 异步 回 发 。 当 页 面 需 要 定期 刷新 一 个 或 多 个 
UpdatePanel 控件 中 的 内 容 时 ， 可 以 使 用 Timer 控件 来 实现 。 例如， 页 面 需要 定期 运行 服务 器 
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上 的 代码 ， 按 定义 的 时 间 间 隔 刷新 页 面 等 情况 。 

Timer 控件 会 将 一 个 JavaScript 组 件 嵌 入 到 页 面 中 。 当 经 过 Interval 属性 定义 的 时 间 间 隔 
后 ， 该 JavaScript 组 件 将 从 浏览 器 启动 回 发 。 此 时 ，Timer 控件 的 Tick 事件 将 被 触发 。 

设置 Interval 属性 可 指定 回 发 发 生 的 频率 , 而 设置 Enabled 属性 可 启用 或 禁用 Timer 控件 。 
Interval 属性 值 以 毫秒 为 单位 进行 定义 ， 其 默认 值 为 60 000 毫秒 (60 秒 )。 因 为 将 Timer 控件 
的 Interval 属性 值 设置 为 一 个 较 小 值 会 产生 大 量 发 送 到 Web 服务 器 的 通信 数据 ， 所 以 合理 地 
设置 Interval 属性 值 非常 关键 ， 通 常 在 满足 需求 的 情况 下 Interval 属性 值 要 尽量 大 些 。 

使 用 Timer 控件 时 ， 可 以 在 页 面 上 包含 多 个 Timer 控件 ， 也 可 以 将 一 个 Timer 控件 用 作 
页 面 中 多 个 UpdatePanel 控件 的 触发 器 关联 控件 。 [Ohnet 


实例 12-4 ”运用 Timer 控件 
如 图 12-10 所 示 ， 本 实例 利用 Timer 控件 定时 刷新 页 面 上 的 汇率 值 以 及 。 中， 
该 汇率 的 生成 时 间 。 初 始 情况 下 ，Timer 控件 每 5 秒 触发 页 面 往返 一 次 ， 从 ”实例 124 
而 更 新 一 次 UpdatePanel 中 的 内 容 。 用 户 可 以 选择 每 5 秒 、 每 60 秒 刷新 一 次 汇率 值 ， 或 始终 
不 刷新 。 





汇率 : 1S 兑 换 RMB ¥6.45 
有 时间: 21:43:39 


页 面 最 后 更 新 时 间 : 21:43:04 





12-10 Timeraspx 浏览 效果 
源 程序 ，Timeraspx 部 分 代码 


<%@ Page Language="C#" RutoEventWireup="true"” CodeFile="Timer.aspx.cs" 
Inherits="Chapl2 Timer" %> 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:Timer ID="tmrStock" OnTick="TmrStock Tick" runat="server" 
Interval="5000" /> 
<asp:UpdatePanel ID="upStock" runat="server" UpdateMode="Conditional"> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="tmrStock" /> 
</Triggers> 
<ContentTemplate> 
汇率 :19 兑换 RMB&nbsp;<asp:Label ID="lblPrice" runat="server"></asp:Label> 
<br /> 
时 间 : <asp:Label ID="lblPriceTime" runat="server"></asp:Label> 
</ContentTemplate> 
</asp:UpdatePanel> 
刷新 频率 : <br /> 
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<asp:RadioButtonList ID="rdoltFrequency" runat="server" 
AutoPostBack="True" 

OnSelectedIindexChanged="RdoltFrequency SelectedIindexChanged"> 
<asp:ListItem Value="5000">5 秒 </asp:ListItem> 
<asp:ListItem Value="60000">60 秒 </asp:ListItem> 
<asp:ListItem Value="0"> 不 刷新 </asp:ListItem> 

</asp:RadioButtonList> 

页 面 最 后 更 新 时 间 : <asp:Label ID="lblPageTime" runat="server"></asp:Label> 

</div> 
</form> 


区 ( 略 ) 


源 程序 ，Timeraspx.cs 
using System 
public partial class Chapl2 Timer : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
lblPageTime.Text = DateTime.Now.ToLongTimeString(); 
} 
protected void TmrStock Tick(object sender, EventArgs e) 
{ 
// 显 示 通过 调用 自 定义 方法 产生 的 随机 汇率 值 
lblPrice.Text = GetStockPrice(); 
// 显 示 汇率 时 间 
lblPriceTime.Text = DateTime.Now.ToLongTimeString(); 
} 
// <summary> 
// 自 定义 方法 ， 用 于 产生 一 个 随机 的 汇率 值 
// </summary> 
// <returns> 汇 率 值 </returns> 
Private string GetStockPrice () 
{ 
double randomStockPrice = 5.8 + new Random() .NextDouble() 
return randomStockPrice.ToString("C"); 
} 
protected void RdoltFrequency SelectedIndexChanged (object sender, EventArgs e) 
{ 
if (rdoltFrequency.SelectedValue == "0") // 选 择 “ 不 刷新 ” 
{ 
tmrStock.Enabled = false; 
} 
else // 选 择 “5 秒 ”或 “10 秒 ” 
{ 
tmrStock.Enabled = true; 
tmrStock.Interval = int.Parse(rdoltFrequency.SelectedValue); 
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} 
} 
} 


操作 步骤 : 

(1) 在 Chap12 文件 夹 中 建立 Timeraspx， 添 加 ScriptManager、Timer、UpdatePanel 和 
RadioButtonList 控件 各 一 个 。 在 UpdatePanel 控件 中 添加 两 个 Label 控件 ， 并 指定 触发 器 。 如 
图 12-11 所 示 ， 设 置 RadioButtonList 控件 的 Items 属性 ， 其 他 属性 请 参考 源 程序 进行 设置 。 

(2) 建立 Timeraspx.cs。 最 后 ， 浏 览 Timeraspx 进行 测试 。 


5 秒 尾 性 (D): 


围 %| 天 
4 杂项 
Enabled 
Selected 
Text 
Value 




















12-11 设置 RadioButtonList 控件 的 Items 属性 


程序 说 明 : 

tmrStock.Tick 事件 在 tmrStock.Enabled 属性 值 为 True 的 情况 下 ， 间 隔 tmrStock.Interval 
属性 设置 的 时 间 自 动 被 触发 一 次 ， 执 行 tmnrStock_Tick() 方 法 代码 。 当 选择 “5 秒 ” 或 “60 秒 ” 
选项 时 ，tmrStock.Enabled 属性 值 被 设置 为 True， 并 通过 修改 tmrStock.Interval 属性 值 来 设置 
回 发 的 频率 。 当 选择 “不 刷新 ”选项 时 ，tmrStock.Enabled 属性 值 被 设置 为 False， 此 时 ， 将 
不 再 触发 tmrStock.Tick 事件 。 


12.2.4 ”UpdateProgress 控件 


当 页 面包 含 一 个 或 多 个 用 于 局 部 刷新 的 UpdatePanel 控件 时 ，UpdateProgress 控件 可 用 于 
设计 更 为 直观 的 用 户 界面 (UI)。 如 果 页 面 局 部 刷新 速度 较 慢 ,通过 UpdateProgress 控件 可 以 
显示 任务 的 完成 情况 。 

在 一 个 页 面 上 可 以 放置 多 个 UpdateProgress 控件 ， 通 过 设置 UpdateProgress 控件 的 
AssociatedUpdatePanelID 属性 ,可 以 使 每 个 UpdateProgress 控件 与 单个 UpdatePanel 控件 关联 。 

也 可 以 使 用 一 个 不 与 任何 特定 UpdatePanel 控件 相关 联 的 UpdateProgress 控 
件 ， 在 这 种 情况 下 ， 该 控件 将 为 所 有 UpdatePanel 控件 显示 进度 消息 。 


实例 12-5 运用 UpdateProgress 控件 
如 图 12-12 和 图 12-13 所 示 ， 当 单 击 “ 刷 新 ”按钮 时 显示 页 面 局 部 刷新 
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的 进度 条 信息 。 





























图 12-12 UpdateProgress.aspx 浏览 效果 (1) 图 12-13 UpdateProgress.aspx 浏览 效果 (2) 


源 程序 ，UpdateProgress.aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="UpdateProgress.aspx.cs" 
Inherits="Chapl2 UpdateProgress" $%> 
oe ( 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<div style="background-color: #FFFFEO"> 
<asp:Label ID="lblTime" runat="server"></asp:Label> 
<asp:Button ID="btnRefresh" runat="server" OnClick="BtnRefresh Click" 


Text=" 刷 新 ” /> 
</div> 
</ContentTemplate> 


</asp:UpdatePanel> 

<asp:UpdateProgress runat="server" ID="UpdateProgress1"> 
<ProgressTemplate> 

正在 连接 服务 器 …<img src="wait.gif" alt=" 


</ProgressTemplate> 





/> 


</asp:UpdateProgress> 
</div> 
</form> 


… (上 略 ) 


源 程序 :UpdateProgress.aspx.cs 
using System; 
public partial class Chapl2 UpdateProgress : System.Web.UI.Page 
{ 
protected void BtnRefresh Click(object sender, EventArgs e) 
{ 
// 为 查看 UpdateProgress 控件 效果 ， 延 时 10 秒 
System.Threading.Thread.Sleep (TimeSpan.FromSeconds (10)); 
lblTime.Text = DateTime.Now.ToLongTimeString(); 


» 


操作 步骤 : 
(1) 在 Chap12 文件 夹 中 建立 UpdateProgress.aspx， 添 加 ScriptManager、UpdatePanel 和 
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UpdateProgress 控件 各 一 个 ,在 UpdatePanel 控件 中 添加 一 个 div 层 , 在 该 div 层 中 添加 Label、 
Button 控件 各 一 个 。 在 UpdateProgress 控件 中 输入 “正在 连接 服务 器 …”， 添 加 一 个 HTML 
控件 Image， 参 考 源 程序 设置 各 控件 属性 。 

(2) 建立 UpdateProgress.aspx.cs。 最 后 ， 浏 览 UpdateProgress.aspx 进行 测试 。 

程序 说 明 : 

在 btnRefresh 按钮 的 Click 事件 处 理 代码 中 ， 为 查看 UpdateProgress 控件 效果 ， 利 用 
Thread.Sleep0 方 法 延 时 10 秒 , 然后 再 返回 服务 器 的 当前 时 间 。 在 实际 应 用 中 ， 延 迟 往往 是 由 
于 较 大 的 数据 通信 量 或 需要 花 较 长 时 间 来 处 理 的 服务 器 代码 造成 的 。 例 如 ， 需 要 长 时 间 运 行 
的 复杂 数据 库 查 询 等 。 


12.3 AjaxControlToolkit 程序 包 


AjaxControlToolkit 程序 包 是 一 个 建立 在 ASPNET Ajax 框架 之 上 的 开源 项 目 ， 提 供 了 扩 
展 的 Ajax 控件 工具 集 ， 用 户 可 以 像 其 他 ASPNET 服务 器 控件 一 样 地 使 用 该 工具 集 包 含 的 
控件 。 

在 VSC 2017 中 ,选择 “网 站 ”一 “管理 NuGet 程序 包 ” 命 令 启动 NuGet 程序 包 窗口 后 ， 
搜索 AjaxControlToolkit， 再 单 击 “ 安 装 ” 按 钮 ，NuGet 能 自动 安装 AjaxControlToolkit 程序 包 
到 当前 的 网 站 中 。 安 装 完成 后 ， 在 当前 存储 解决 方案 文件 的 文件 夹 中 将 新 增 一 个 文件 夹 
packages\AjaxControlToolkit.17.1.1.0, 其 中 , 软件 版 本 号 将 随 着 安装 软件 版 本 号 的 改变 而 改变 。 

要 使 用 AjaxControlToolkit 程序 包 中 包含 的 控件 ， 需 要 手工 添加 到 VSC 2017 工具 箱 中 。 
操作 步 又 如 下 : 

(1) 打开 “工具 箱 ” 窗 口 ， 右 击 窗口 的 空白 处 ， 在 弹出 的 快捷 菜单 中 选择 “添加 选项 卡 ” 
命令 ， 输 入 选项 卡 名 “Ajax 控件 工具 集 ”( 选 项 卡 名 可 自 定 )。 

(2) 右 击 “Ajax 控件 工具 集 ” 选 项 卡 ， 在 弹出 的 快捷 菜单 中 选择 “选择 项 ”命令 ， 打 开 
“选择 工具 箱 项 ”对 话 框 ， 单 击 “ 浏 览 ”按钮 ， 选 择 AjaxControlToolkit. 17.1.1.0libmet40 文件 
夹 中 的 AjaxControlToolkit.dll 文件 , 此 时 , VSC 2017 会 自动 选择 AjaxControlToolkit 命名 空间 
中 的 所 有 控件 ， 如 图 12-14 所 示 。 
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12-14 “选择 工具 箱 项 ”对 话 框 
(3) 单 击 图 12-14 中 的 “确定 ”按钮 ， 完 成 Ajax 控件 的 添加 。 
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表 12-1 给 出 了 AjaxControlToolkit 程序 包 中 包含 的 常用 Ajax 控件 。 
表 12-1 AjaxControlToolkit 程序 包 中 包含 的 常用 Ajax 控件 表 





























控 件 说 ”有 明 
Accordion 可 折 闭 面板 
AjaxFileUpload 文件 上 传 ， 支 持 上 传 进度 的 显示 、 大 文件 上 传 、 文 件 拖 放 上 传 等 
AlwaysVisibleControlExtender 将 指定 的 控件 悬浮 在 固定 位 置 
AnimationExtender 产生 与 Flash 帮 美 的 JavaScript 动画 
AreaChart 产生 一 个 或 多 个 系列 的 面积 图 
AsyncFileUpload 异步 文件 上 传 
AutoCompleteExtender 扩展 TextBox 控件 ， 通 过 Web 服务 显示 包含 文本 框 输入 值 的 数据 
BalloonPopupExtender 扩展 TextBox 控件 ， 在 文本 框 获 得 焦点 时 弹出 提示 信息 
BarChart 产生 一 个 或 多 个 系列 的 条 形 图 
BubbleChart 产生 一 个 或 多 个 系列 的 气泡 图 
CalendarExtender 扩展 TextBox 控件 ， 在 文本 框 获 得 焦点 时 弹出 输入 日 历 的 界面 
CascadingDropDown 扩展 DropDownList 控件 ， 实 现 级 联 式 自动 填充 数据 
CollapsiblePanelExtender 提供 可 折 邯 面板 的 效果 
ColorPickerExtender 扩展 TextBox 控件 ， 在 文本 框 获得 焦点 时 弹出 颜色 选择 的 界面 
ComboBox 实现 组 合 框 功能 
ConfirmButtonExtender 扩展 Button 控件 ， 单 击 Button 控件 弹出 确认 提示 框 
DragPanelExtender 自由 拖 动 面板 
DropDownExtender 提供 SharePoint 样式 下 拉 菜 单 
DropShadowExtender 提供 投影 效果 的 面板 


DynamicPopulateExtender 
FilteredTextBoxExtender 


将 Web 服务 返回 的 数据 动态 地 呈现 在 控件 上 
扩展 TextBox 控件 ， 可 以 防止 用 户 输入 无 效 字符 











Gravatar 显示 Gravatar 类 型 图 片 

HoverMenuExtender 显示 包含 可 执行 操作 的 弹出 面板 
HtmlEditorExtender 扩展 TextBox 控件 ， 提 供 HTMLS5 编辑 功能 
LineChart 产生 一 个 或 多 个 系列 的 线形 图 
ListSearchExtender 扩展 List 类 控件 ， 提 供 输 入 值 后 自动 搜索 的 功能 
MaskedEditExtender 扩展 TextBox 控件 ， 提 供 指定 格式 的 输入 功能 
ModalPopupExtender 改变 部 分 页 面 的 样式 ， 弹 出 提示 信息 





MultiHandleSliderExtender 


MutuallyExclusiveCheckBoxExtender 


将 TextBox 控件 转化 为 滑动 控件 ， 支 持 在 滑动 轨道 设置 多 个 锚 点 ， 
常用 于 标识 值 域 范围 
扩展 CheckBox 控件 ， 提 供 选择 多 个 排他 性 选项 的 功能 



































NoBot 拒绝 机 器 人 程序 

NumericUpDownExtender 扩展 TextBox 控件 ， 提 供 通过 上 下 箭头 输入 数值 的 功能 
PagingBulletedListExtender 扩展 BulletedList 控件 ， 提 供 客户 端 排序 的 分 页 功能 
PasswordStrength 扩展 TextBox 控件 ， 显 示 输 入 密码 的 强度 

PieChart 产生 一 个 或 多 个 系列 的 饼 图 

PopupControlExtender 弹出 帮助 用 户 输入 的 面板 

Rating 以 星 号 显示 直观 的 评级 信息 

ReorderList 可 以 通过 鼠标 拖 动 改变 条 目 顺序 
ResizableControlExtender 提供 缩放 控件 的 效果 

RoundedComersExtender 提供 圆 角 效 果 

Seadragon 提供 放大 或 缩小 图 片 的 效果 

SliderExtender 扩展 TextBox 控件 ， 提 供 通过 滑 块 输入 数值 的 功能 
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续 表 
控 件 说 明 
SlideShowExtender 提供 幻灯 片 放映 的 效果 
TabContainer 提供 选项 卡 的 效果 
TextBoxWatermarkExtender 扩展 TextBox 控件 ， 提 供水 印 的 效果 
ToggleButtonExtender 扩展 CheckBox 控件 ， 通 过 图 片 表示 不 同 的 选择 
Twitter 显示 Twitter 状态 信息 
UpdatePanelAnimationExtender 具有 动画 效果 的 局 部 刷新 面板 








ValidatorCalloutExtender 增强 验证 控件 功能 


实例 12-6 运用 CalendarExtender 控件 
日 期 输入 功能 在 Web 应 用 程序 开发 时 应 用 非常 广泛 ， 通 过 
AjaxControlToolkit 程序 包 中 的 CalendarExtender 控件 ， 可 以 很 方便 地 实现 该 
功能 。 如 图 12-15 所 示 ， 当 文本 框 获 得 焦点 时 将 弹出 日 历 对 话 框 ， 单 击 具体 
日 期 后 ， 将 在 文本 框 中 输入 该 日 期 。 输 入 起 始 日 期 和 结束 日 期 后 ， 单 击 “ 搜 
索 ” 按 钮 ， 将 呈现 如 图 12-16 所 示 的 提示 信息 。 
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图 12-15 CalendarExtenderaspx 浏览 效果 (1) 12-16 ”CalendarExtender.aspx 浏览 效果 (2) 


源 程序 ， CalendarExtenderaspx 部 分 代码 
<%@ Page Language="C#" AutoEventWireup="true" 
CodeFile="CalendarExtender.aspx.cs" Inherits="Chapl2 CalendarExtender" 
… (上 略 ) 
<form id="forml" runat="server"> 
<div> 


op 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 

起 始 日 期 <asp:TextBox ID="txtStartTime" runat="server" Width="70px"> 
</asp:TextBox> 

<ajaxToolkit:CalendarExtender ID="txtStartTime cldE" runat="server" 
TargetControlID="txtStartTime" Format="yyyy-MM-dd" /> 

结束 日 期 : <asp:TextBox ID="txtEndTime" runat="server" Width="70px"> 
</asp: TextBox> 

<ajaxToolkit:CalendarExtender ID="txtEndTime cldE" runat="server" 
TargetControlID="txtEndTime" Format="yyyy-MM-dd" /> 

<asp:Button ID="btnSearch" runat="server" Text=" 搜 索 " 
OnC1lick="BtnSearch Click" /><br /> 





<asp:Label ID="1blDisplay" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 CalendarExtender.aspx.cs 





using System; 
public partial class Chapl2 CalendarExtender : System.Web.UI.Page 


{ 
protected void BtnSearch Click(object sender, EventArgs e) 


{ 
lblDisplay.Text = "显示 从 " + txtStartTime.Text + "到 " + txtEndTime.Text 


+ "的 数据 ! "; /7/ 实 际 情况 常 显示 数据 库 中 的 数据 
1 
} 


操作 步骤 : 

(1) 通过 “网 站 ”一 “管理 NuGet 程序 包 ” 命 令 安装 AjaxControlToolkit 程序 包 。 

(2) 在 Chap12 文件 夹 中 建立 CalendarExtender.aspx， 添 加 一 个 ScriptManager 控件 、 两 
个 TextBox 控件 、 两 个 CalendarExtender 控件 、 一 个 Button 控件 ， 在 适当 位 置 输入 “起 始 日 
期 ”和 “结束 日 期 ” 参考 源 程序 设置 各 控件 属性 。 

(3) 建立 CalendarExtenderaspx.cs。 最 后 ， 浏 览 CalendarExtenderaspx 进行 测试 。 

程序 说 明 : 

CalendarExtender 控件 通过 TargetControlID 属性 与 相应 的 文本 框 建立 关联 ， 通 过 Format 
属性 设置 日 期 的 显示 格式 ， 其 中 的 年 份 、 月 份 、 日 期 分 别 用 yyyy、MM、dd 表示 并 且 要 区 分 
大 小 写 。 






实例 12-7 运用 PasswordStrength 控件 
为 有 效 防范 暴力 破解 密码 ， 在 用 户 注册 时 经 常 需要 检测 用 户 所 输入 密码 。 刚 灌 娩 
的 强度 。 本 实例 给 出 了 两 种 不 同 的 密码 强度 提示 方式 。 在 图 12-17 中 ， 当 在 。 实例 12.7 
“密码 ”文本 框 中 输入 不 同 强度 的 密码 时 , 将 分 别提 示 “ 强 度 : 弱 ”“ 强 度 : 中 ” 
“强度 : 强 ” 信 息 。 在 图 12-18 中 ， 当 在 “确认 密码 ”文本 框 中 输入 不 同 强度 的 密码 时 ， 将 分 
别 呈 现 红 色 、 蓝 色 、 绿 色 进 度 条 。 


= = 


cai | 


一 | py 
感 运用 paswordstrength 元- 个 nap 愿 运用 Passwordstrength. 









































图 12-17 PasswordStrength.aspx 浏览 效果 (1) 12-18 ”PasswordStrength.aspx 浏览 效果 (2) 
源 程序 ，PasswordStrength.aspx 部 分 代码 


<%@ Page Language="C#" AutoEgventWireup="true" 





CodeFile="PasswordStrength.aspx.cs" Inherits="Chapl2 PasswordStrength" %> 
<!DOCTYPE html> 
<html xmlns="http://www.w3.o0rg/1999/xhtml"> 
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<head runat="server"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 运 用 PasswordStrength 控件 </title> 
<style type="text/css"> 
-BarWeak { color: Red; background-color: Red; } 
.BarAverage { color: Blue; background-color: Blue; } 
-BarGood { color: Green; background-color: Green; } 
.BarBorder { width: 100px; } 
</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
密码 ; <asp:TextBox ID="txtPwd" runat="server" TextMode="Password"> 
</asp:TextBox> 
<ajaxToolkit:PasswordStrength ID="txtPwd PasswordStrength" 
runat="server" TargetControlID="txtPwd" PrefixText=" 强 度 :" 
TextStrengthDescriptions=" 弱 ; 中 ; 强 " /><br /> 
确认 密码 : <asp:TextBox ID="txtPwdCfm" runat="server" TextMode="Password"> 
</asp:TextBox> 
<ajaxToolkit:PasswordStrength ID="txtPwdCfm _ PasswordStrength" 
runat="server" TargetControlID="txtPwdCfm" 
BarBorderCssClass="BarBorder" StrengthIndicatorType="BarIndicator" 
StrengthStyles="BarWeak; BarAverage; BarGood" /> 
</div> 
</form> 
</body> 
</html> 


操作 步骤 : 

(1) 通过 “网 站 ”一 “管理 NuGet 程序 包 ” 命 令 安装 AjaxControlToolkit 程序 包 。 

(2) 在 Chap12 文件 夹 中 建立 PasswordStrength.aspx， 添 加 一 个 ScriptManager 控件 、 两 
个 TextBox 控件 、 两 个 PasswordStrength 控件 ， 在 适当 位 置 输入 “密码 ”和 “确认 密码 ” 参 
考 源 程序 设置 各 控件 属性 。 最 后 ， 浏 览 PasswordStrength.aspx 进行 测试 。 

程序 说 明 : 

图 12-17 和 12-18 是 采用 Table 布局 后 的 浏览 效果 图 。 

PasswordStrength 控件 默认 以 文本 方式 提示 密码 强度 ， 若 要 以 进度 条 方式 提示 密码 强度 ， 
则 需要 设置 属性 StrengthIndicatorType="BarIndicator"。 当 以 文本 方式 提示 密码 强度 时 ， 通 过 
TextStrengthDescriptions 属性 设置 不 同 的 密码 强度 信息 ; 当 以 进度 条 方式 提示 密码 强度 时 , 通 
过 BarBorderCssClass 和 StrengthStyles 属性 分 别 设置 进度 条 边框 样式 和 不 同 颜色 的 进度 条 信 
息 , 其 中 , 不 同 的 颜色 通过 不 同 的 样式 进行 区 分 。 例 如 , 本 实例 中 将 密码 强度 的 三 个 级 别 “ 弱 ” 
“中 ”“ 强 ”分 别 对 应 “红色 ”“ 蓝 色 ”“ 绿 色 ” 并 分 别 用 样式 BarWeak、BarAverage 和 BarGood 
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表示 。 

PasswordStrength 控件 还 包括 其 他 的 常用 属性 。 例 如 ，MinimumLowerCaseCharacters、 
MinimumNumericCharacters、MinimumSymbolCharacters 和 MinimumUpperCaseCharacters 属 
性 分 别 用 于 设置 密码 中 要 包含 小 写字 符 、 数 字 、 特 殊 字 符 、 大 写字 符 的 最 小 数量 ， 
RequiresUpperAndLowerCaseCharacters 属性 用 于 设置 密码 是 否 需 要 区 分 大 小 写 。 


12.4 小 结 


ASPNET Ajax 虽然 发 展 历史 不 长 ， 但 它 改 变 了 Web 应 用 程序 的 开发 方式 。 它 具有 与 桌 
面 应 用 程序 类 似 的 用 户 体验 ， 使 用 户 不 需要 经 历 漫长 的 页 面 等 待 。 通 过 服务 器 控件 
ScriptManager、UpdatePanel、UpdateProgress 和 Timer 可 以 方便 地 实现 Ajax 功能 。 

ScriptManager 控件 是 ASPNET Ajax 的 核心 ， 每 个 Ajax 页 面 必须 包含 ScriptManager 控 
件 。UpdatePanel 控件 定义 使 用 异步 回 发 刷新 的 页 面 区 域 。UpdateProgress 控件 提供 有 关 
UpdatePanel 局 部 刷新 页 面 时 的 状态 信息 。Timer 控件 通过 定义 固定 时 间 间 隔 来 执行 页 面 回 发 ， 
通常 和 UpdatePanel 配合 使 用 。AjaxControlToolkit 程序 包 扩 展 了 服务 器 控件 的 功能 ， 大 大 提 
高 了 界面 的 交互 性 和 友好 性 。 


1. 填空 题 

(1) 通常 称 页 面 为 无 刷新 Web 页 面 。 

(2) Ajax 应 用 程序 所 用 到 的 技术 包括 5 wa 和 = = 

(3) 控件 是 ASPNET Ajax 功能 的 核心 。 

(4) 若 要 使 用 UpdatePanel 控件 则 首先 必须 添加 一 个 _ 控件。 

2. 是 非 题 

(1) 一 个 页 面 上 最 多 只 能 放置 两 个 UpdatePanel 控件 。 ( ) 

(2) ScriptManager 控件 和 ScriptManagerProxy 控件 用 法 相同 。 ( ) 

(3) ScriptManager 控件 的 EnablePartialRendering 属性 确定 某 个 页 面 是 否 可 以 局 部 刷新 。 
默认 情况 下 ，EnablePartialRendering 属性 值 为 True。 ( ) 

(4) 在 VSC 2017 中 默认 已 安装 了 AjaxControlToolkit 程序 包 。 ( ) 

(5) Timer 控件 的 Interval 属性 值 是 以 秒 为 单位 定义 的 ， 其 默认 值 为 60 秒 。 

(6) 在 ASPNET Ajax 中 ， 除 了 使 用 ASPNET Ajax Library 外 ， 还 可 以 使 用 自 定义 的 
JavaScript 代码 。 ( ) 

(7) 经 过 设置 后 ， 单 击 页 面 上 任何 位 置 的 按钮 都 可 以 刷新 UpdatePanel 控件 中 的 内 容 。 

( ) 











3. 选择 题 
(1) 下 列 技术 中 ， ) 不 是 Ajax 应 用 程序 所 必需 的 。 
A. ASPNET B. JavaScript 
C. XML D. XMLHttpRequest 对 象 


(2) 下 列 控件 中 ，( ) 是 ASPNET Ajax 页 所 必需 的 。 


> 
( 儿 
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A. Timer B. UpdatePanel C. UpdateProgress D. ScriptManager 
(3) 下 面 有 关 一 个 页 面 上 可 以 使 用 几 个 UpdatePanel 控件 的 选项 中 ，( ) 是 正确 的 。 
A B. 最 多 一 个 GC: 多 个 D. 最 少 一 个 

(4) ( ”) 不 能 用 于 扩展 TextBox 控件 。 
A. BalloonPopupExtender B. UpdatePanelAnimationExtender 
C. AutoCompleteExtender D. CalendarExtender 

4. 简 答题 


(1) 利用 Ajax 技术 的 Web 应 用 程序 和 传统 的 Web 应 用 程序 比较 有 什么 优点 ? 

(2) Ajax 包括 哪些 技术 ? 

(3) 最 常 使 用 的 ASPNET Ajax 服务 器 控件 有 哪些 ? 简要 说 明 它们 的 功能 。 

(4) 如 何在 母 版 页 中 使 用 ASPNET Ajax? 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 在 实例 12-1 的 “lblExterior Text = "我 在 UpdatePanel 控件 外 ";” 语 句 处 设置 断 点 ， 再 
调试 UpdatePnlIn.aspx， 理 解 局 部 刷新 的 过 程 。 

(3) 设计 并 实现 一 个 基于 ASPNET Ajax 的 留言 敌 。 

(4) 设计 并 实现 一 个 可 以 自动 显示 下 一 个 商品 的 页 面 。 

(5) 设计 并 实现 一 个 局 部 刷新 数据 查询 页 面 ， 要 求 如 下 : 

Q@ 从 下 拉 列 表 框 中 选择 商品 名 后 ， 在 GridView 中 显示 查询 结果 ， 且 页 面 的 其 他 部 分 不 
刷新 。 

@ 利用 UpdateProgress 控件 显示 任务 的 完成 情况 。 

(6) 修改 实例 9-2， 实 现 检 测 用 户 所 输入 密码 的 强度 功能 。 





Web 服务 和 WCF 服务 


本 章 要 点 : 

* 了 解 Web 服务 和 WCEF 服务 。 

* 掌握 建立 ASPNET Web 服务 和 WCF 服务 的 方法 。 
* 掌握 使 用 ASPNET Web 服务 和 WCEF 服务 的 方法 。 


13.1 Web 服务 


13.1.1 ”Web 服务 概述 


在 实际 应 用 中 ， 特 别 是 大 型 企业 ， 数 据 常 来 源 于 不 同 的 平台 和 系统 。Web 服务 为 在 这 种 
情况 下 数据 集成 提供 了 一 种 便捷 的 方式 。 它 实际 上 为 不 同 应 用 之 间 通 过 网 络 传输 数据 提供 了 
一 种 标准 , 并 且 在 实现 时 跟 具 体 的 某 种 语言 没有 关系 , 例如 , 在 VSC 2017 中 开发 的 ASPNET 
Web 服务 可 以 被 使 用 Java 语言 开发 的 应 用 程序 调用 ， 反 之 ，Java 语言 开发 的 Web 服务 能 被 
ASPNET 应 用 程序 调用 。 因 此 ， 通 过 访问 和 使 用 远程 Web 服务 可 以 访问 不 同系 统 中 的 数据 。 

在 使 用 时 ,通过 调用 Web 服务 ，Web 应 用 程序 不 仅 可 以 共享 数据 ， 还 可 以 使 用 其 他 应 用 
程序 生成 的 数据 ， 而 不 用 考虑 其 他 应 用 程序 是 如 何 生 成 这 些 数 据 的 。 例 如 ， 可 以 通过 调用 天 
气 预报 Web 服务 来 获得 天 气 预 报 数据 ， 而 不 用 考虑 天 气 预 报 程序 的 实现 ， 也 不 用 对 其 进行 
维护 。 

注意 : 返回 数据 而 不 是 返回 页 面 是 Web 服务 的 重要 特点 。 

Web 服务 需要 一 系列 的 协议 来 实现 。 在 网 络 通信 部 分 ， 继 承 了 Web 的 访问 方式 ， 使 用 
HTTP 作为 网 络 传输 的 基础 ， 除 此 以 外 ， 还 可 以 使 用 其 他 的 传输 协议 如 SMTP、FTP 等 。 因 
为 防火 墙 不 会 禁用 HTTP， 因 此 Web 服务 能 跨越 不 同 公司 的 防火 墙 。 在 消息 处 理 部 分 ， 使 用 
简单 对 象 访问 协议 SOAP 作为 消息 的 传递 标准 .该 标准 定义 了 如 何 将 发 送 到 Web 服务 的 消息 
进行 格式 化 和 编码 的 规范 。 

Web 服务 的 运作 还 需要 Web 服务 描述 语言 WSDL 和 “统一 描述 发 现 集成 ”协议 UDDI 
的 支持 。 其 中 ，WSDL 基于 XML 格式 ， 用 于 描述 Web 服务 的 信息 ， 如 该 Web 服务 提供 了 什 
么 类 、 有 什么 方法 、 需 要 什么 参数 等 。UDDI 用 来 存储 Web 服务 信息 和 发 布 Web 服务 ， 并 能 
提供 搜索 Web 服务 的 功能 。 实 际 上 ， 这 种 搜索 功能 是 由 UDDI 本 身 提供 的 Web 服务 完成 ， 
以 允许 客户 端 使 用 标准 的 SOAP 消息 来 搜索 注册 的 Web 服务 信息 。 

一 个 Web 服务 的 实际 应 用 过 程 如 图 13-1 所 示 。 首 先 ,“Web 服务 提供 方 ”建立 包含 服务 
接口 规则 的 WSDL 文件 , 然后 将 WSDL 文件 发 送 给 UDDI 服务 器 进行 报到 注册 。 其 次 , “Web 
服务 请 求 方 ” 会 先 连接 UDDI 服务 器 并 查询 到 哪 一 个 “Web 服务 提供 方 ” 有 自己 需要 的 数据 。 
最 后 , “Web 服务 请 求 方 ” 向 查询 到 的 “Web 服务 提供 方 ”通过 SOAP 协议 发 送 Web 服务 请 
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求 。 当 “Web 服务 提供 方 ” 接收 到 请 求 后 ， 将 根据 原来 建立 的 WSDL 服务 接口 规则 验证 这 个 
请 求 ， 验 证 通过 后 会 向 “Web 服务 请 求 方 ” 通 过 SOAP 协议 发 送 XML 格式 的 数据 。 




















pa UDDI 服务 器 
查询 返回 服 
服务 务 地 址 NE 
纺 一 过 旦 [ 
Web 服务 请 求 XML 格式 数据 Web 服务 提供 方 


图 13-1 Web 服务 实际 应 用 图 


13.1.2 ”建立 ASPNET Web 服务 


建立 Web 服务 的 实质 就 是 在 支持 SOAP 通信 的 类 中 建立 一 个 或 多 个 方法 ,通过 ASPNET 
可 以 创建 自 定义 的 Web 服务 ， 所 生成 的 Web 服务 符合 SOAP、XML 和 WSDL 等 行业 标准 ， 
这 就 允许 其 他 平台 的 客户 端 与 ASPNET Web 服务 进行 交互 操作 。 只 要 客户 端 可 以 发 送 符合 标 
准 的 SOAP 消息 ， 该 客户 端 就 可 以 调用 ASPNET Web 服务 ， 而 与 该 客户 端 所 在 的 平台 无 关 。 

创建 ASPNET Web 服务 时 ， 需 要 创建 一 个 文件 扩展 名 为 .asmx 的 服务 文件 ， 然 后 在 该 文 
件 中 声明 Web 服务 , 同时 还 需要 在 App_Code 文件 夹 中 创建 一 个 类 文件 来 定义 Web 服务 方法 。 

注意 : Web 窗 体 文 件 和 对 应 的 类 文件 存储 在 同一 个 文件 夹 ， 而 Web 服务 对 应 的 类 文件 
存储 在 App_Code 文件 夹 。 


实例 13-1 建立 ASPNET Web 服务 
本 实例 创建 的 ASPNET Web 服务 包含 一 个 HelloWorld() 方 法 ， 该 方法 返 
回 “我 是 调用 Web 服务 返回 的 数据 !”。Web 服务 浏览 效果 如 图 13-2 所 示 。 
在 图 13-2 中 , 单 击 “ 服 务 说 明 ” 链 接 显示 Web 服务 的 WSDL 描述 , 如 图 13-3 
所 示 ; 单 击 HelloWorld 链接 可 测试 建立 的 Web 服务 , 如 图 13-4 所 示 。 在 图 13-4 中 , 单 击 “ 调 
用 ”按钮 将 调用 HelloWorld( 方 法 , 返回 包含 “我 是 调用 Web 服务 返回 的 数据 !” 信息 的 XML 
数据 ， 如 图 13-5 所 示 。 














WebService 


支持 下 列 操作 。 有 关 正 式 定义 ， 请 查看 服务 说 明 。 
。 Helloworld 





此 Web 服务 使 用 http://tempuri.org/ 作为 默认 命名 空间 。 


建议 : 公开 XML Web services 之 前 ， 请 更 改 默 认命 名 空间 。 


每 个 XML Web services 都 需要 一 个 唯一 的 命名 空间 , 以 便 客户 端 应 用 程序 能 够 将 它 与 Web 上 的 其 他 服务 区 分 开 。 v 
http://tempuri.org/ 可 用 于 处 于 开发 阶段 的 XML Web services, 而 已 发 布 的 XML Web services 应 使 用 更 为 永久 的 命名 空间 。 
区 


< 


图 13-2 WebService.asmx 浏览 效果 








1.0" encoding="UTF-8"? 
nitions xmins:wsdl="http://schemas.xmlsoap.org/wsdl/" targetNamespace="http://tempuri.org/" 


ttp:/ /schemas.xmlsoap.org/wsdl/http/" xmlns:soap12="http://schemas.xmlsoap.org/wsdl/soap12/" 
http:/ /www.w3.0rg/2001/XMLSchema" xmins:soap="http://schemas.xmlsoap.org/wsdl/soap/" 
http://tempuri.org/" xmlns:mime="http://schemas.xmlsoap.org/wsdl/mime/” 
ttp:/ /schemas.xmlsoap.org/soap/encoding/ 
/microsoft.com/wsdl/mime/textMatching/"> 


- <s:schema targetNamespace="http://tempuri.org/" elementFormDefault="qualified"> 
- <s:element name="HelloWorld"> 
<s:complexType/> 
</s:element> 
- <s:element name="HelloWorldResponse"> 
<s:complexType> 
- <s:sequence> 
<s:element name="HelloworldResult' type="s:string" maxOccurs="1" minOccurs="0"/> 
</s:sequence> 
</s:complexType> 
</s:element> 
</s:schema> 


</wsdl:types> 
elloWorldSoapIn"> 


"HelloWorldSoapOut"> 


‘WebServiceSoap" type="tns:WebServiceSoap"> 
+<wsdl:binding name="WebServiceSoap12" type= :WebServiceSoap > 
rvice name="WebService"> 
</wsdl:definitions> 


WebService 
单 击 此 处 ， 获 取 完 整 的 操作 列表 。 





HelloWorld 
测试 
着 要 使 用 HTTP POST 协议 对 操作 进行 测试 ， 请 单 击 "调用 "按钮 。 
调用 | v 
> 





图 13-4 ” WebService 服务 测试 效果 


<?xml version="1.0" encoding="UTF-8"?> 
<string xmlns="http://tempuri.org/"> 我 是 调用 Web 服 务 返回 的 数据 ! </string> 





图 13-5 WebService 服务 中 的 HelloWorld0 方 法 返回 的 XML 数据 


源 程序 ，WebService.asmx 





<%@ WebService Language="C#" CodeBehind="~/App_Code/WebService.cs" 
Class="WebService" 和 当 > 


源 程序 .WebService.cs 


using System.Web.Services; 


/// <summary> 


@ 
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///WebService 测试 ， 调 用 HelloWorld() 方 法 返回 “我 是 调用 Web 服务 返回 的 数据 !” 
///</summary> 
[WebService (Namespace = "http://tempuri.org/")] 
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfilel 1)] 
public class WebService : System.Web.Services.WebService 
{ 

public WebService() 


// 如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 


//InitializeComponent (); 


WebMethod] 
public string HelloWorld!() 


return "我 是 调用 Web 服务 返回 的 数据 ! "; 





} 


操作 步骤 : 

(1) 为 清晰 地 理解 本 章 实例 ， 在 Book 解决 方案 中 新 建 一 个 Chap13Site 网 站 。 

(2) 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 呈现 的 对 话 框 中 选择 “Web 服务 (ASMX) ?模板 , 输入 Web 服务 文件 名 WebService.asmx， 
单 击 “ 添 加 ”按钮 建立 文件 。 

(3) 打开 App_Code 文件 夹 中 的 WebService.cs， 输 入 阴影 部 分 代码 。 最 后 ， 浏 览 
WebService.asmx 进行 测试 。 

程序 说 明 : 

在 WebService.cs 中 , [WebService(Namespace = "http://tempuri.org/")| 表 示 本 服务 的 命名 空 
间 。W3C 规定 每 一 个 Web 服务 都 需要 一 个 自己 的 命名 空间 来 区 别 其 他 的 Web 服务 ， 因 此 当 
正式 发 布 Web 服务 时 ， 需 要 将 它 改 为 开发 者 自己 的 命名 空间 ， 如 公司 网 站 的 域名 。 

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel_1)] 表 示 本 Web 服务 的 规范 为 
“WS-I 基本 规范 1.1 版 "。 这 种 规范 可 用 于 实现 跨 平台 的 Web 服务 调用 。 

创建 Web 服务 的 实质 就 是 创建 System.Web.Services.WebService 的 一 个 继承 类 ， 在 创建 
类 方法 前 必须 加 入 [WebMethod]。 如 果 不 用 [WebMethod] 进 行 声明 ， 则 定义 的 方法 只 能 在 本 服 
务 内 部 调用 。 


13.1.3 ”调用 ASP.NET Web 服务 


ASPNET Web 服务 不 仅 可 以 在 Web 应 用 程序 中 使 用 , 也 可 以 在 Windows 窗 体 、 移 动 Web 
应 用 程序 以 及 其 他 语言 编写 的 应 用 程序 中 使 用 。 本 节 主 要 讨论 基于 ASPNET 的 Web 应 用 程 
序 中 如 何 使 用 Web 服务 。 在 使 用 时 ， 若 要 允许 ASPNET Ajax 从 脚本 库 中 调用 ASPNET Web 
服务 ， 则 需要 在 定义 的 Web 服务 类 之 前 声明 [System.Web.Script.Services.ScriptService]。 

要 使 用 某 个 ASPNET Web 服务 ， 只 需 将 该 服务 以 “服务 引用 ”的 方式 添加 到 网 站 中 ， 然 


会 一 参 ”Web 程序 设计 一 一 ASP.NET 实用 网 站 开发 (第 3 版 ) 一 微 课 版 





后 通过 创建 该 服务 的 实例 就 可 以 调用 该 服务 。 


实例 13-2 调用 ASPNET Web 服务 
如 图 13-6 和 图 13-7 所 示 ， 单 击 “ 测 试 Web 服务 ”按钮 将 调用 实例 13-1 2 和 
建立 的 Web 服务 中 的 HelloWorld0 方 法 ， 返 回 “ 我 是 调用 Web 服务 返回 的 
数据 !”。 


[al 


感 调 用 ASPNET Web 服 务 


























图 13-6 ” WebServiceTest.aspx 浏览 效果 (1) 13-7 ” WebServiceTest.aspx 浏览 效果 (2) 


源 程序 ，WebServiceTestaspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" 
CodeFile="WebServiceTest.aspx.cs" Inherits="WebServiceTest" %> 
…( 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnTest" runat="server" OnClick="BtnTest Click" 
Text=" 测 试 Web 服务 " /> 
<asp:Label ID="lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


…( 略 ) 


源 程 序 ，WebServiceTestaspx.cs 
using System; 
public partial class WebServiceTest : System.Web.UI.Page 
{ 
protected void BtnTest Click(object sender, EventArgs e) 
{ 
ServiceRefWeb.WebServiceSoapClient soapClient = 
new ServiceRefWeb.WebServiceSoapClient (); 
lblMsg.Text = soapClient.HelloWorld(); 
} 
} 


操作 步 又 : 








2 


| ERROR 我 是 调用 Web 服 务 返回 的 数据 ! 


(1) 添加 服务 引用 。 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “服务 


引用 ”命令 ， 在 弹出 的 “添加 服务 引用 ”对 话 框 中 ， 单 击 “ 发 现 ”按钮 ，VSC 2017 会 将 当 





前 


网 站 所 在 的 解决 方案 中 的 所 有 服务 自动 添加 到 “服务 ”列表 框 ， 选 择 WebService.asmx， 输 入 
“命名 空间 ”ServiceRefWeb( 可 以 根据 实际 情况 改变 )， 此 时 ， 界面 如 图 13-8 所 示 。 单 击 “ 确 
定 ” 按 钮 完成 服务 引用 的 添加 。 此 时 ，VSC 2017 会 自动 在 App_WebReferences 文件 夹 中 建立 


包含 描述 ASPNET Web 服务 WebService 信息 的 ServiceRefWeb 子 文件 夹 。 


/RN | 
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若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ,请 输入 服务 URL ,然后 单 击 " 转 到 "。 若 要 浏览 可 用 的 服务 ， 请 单 击 "发现 "。 
地 址 (A): 


http://localhost:54451/WebService.asmx - | 发 现 (D) | 


服务 (S): 
Pe WebServiceasmx 

















在 解决 方案 中 找到 1 个 服务 。 


命名 空间 (N): 
ServiceRefWeb 


ET 








13-8 “添加 服务 引用 ”对 话 框 


(2) 建立 Web 窗 体 文件 并 调用 WebService。 在 Chap13Site 网 站 的 根 文件 夹 下 新 建 
WebServiceTest.aspx， 添 加 Button 和 Label 控件 各 一 个 ， 参 考 源 程序 设置 各 控件 的 属性 。 建 
立 WebServiceTest.aspx.cs。 最 后 ， 浏 览 WebServiceTest.aspx 进行 测试 。 

程序 说 明 : 

当 单 击 “ 测 试 Web 服务 ”按钮 时 ， 首 先 建立 WebServiceSoapClient 的 实例 soapClient， 
再 调用 HelloWorld() 方 法 返回 数据 并 显示 在 lblMsg 上 。 


实例 13-3 ”运用 基于 Web 服务 的 AutoCompleteExtender 控件 
如 图 13-9 一 图 13-11 所 示 ， 当 在 文本 框 中 输入 字符 P〈 也 可 输入 其 他 内 





容 ) 时 ， 会 自动 呈现 一 个 包含 字符 P 的 商品 名 列表 ， 选 择 商品 名 Panda， 单 实例 133 
击 “搜索 ”按钮 显示 该 商品 相关 的 信息 。 

| 

Se 


搜索 


) 
OS meer o | 






































图 13-9 ”Search.aspx 浏览 效果 (1) 图 13-10 ”Search.aspx 浏览 效果 (2) 








Panda 搜索 
PProductIdjCategoryId| ee Image Qty| 

















| 1 47.70 |45.50 1 PandalPanda|~/Prod_Images/Endangered/panda.gifl97 | 








图 13-11 Search.aspx 浏览 效果 (3) 


源 程序 : ProductService.cs 
using MyPetShop.DAL; 
using System.Collections.Generic; 
using System.Data.Linq.SqlClient; 
using System.Linq; 
namespace MyPetShop.BLL 
{ 
public class ProductService 
{ 
MyPetShopDataContext db = new MyPetShopDataContext (); 
/// <summary> 
/// 模糊 查找 商品 名 中 包含 指定 文本 的 商品 ， 再 返回 满足 条 件 的 商品 列表 
/// </summary> 
/// <param name="searchText"> 指 定 的 文本 </param> 
/// <returns> 满 足 条 件 的 商品 列表 </returns> 
public List<Product> GetProductBySearchText (string searchText) 
{ 
return (from p in db.Product 
where SqlMethods .Like (P.Name， "%" + searchText + "%") 
select p).ToList(); 


源 程序 ，SearchService.asmx 


<%@ WebService Language="C#" CodeBehind="~/App_Code/SearchService.cs" 
Class="SearchService" $%> 


源 程序 .SearchService.cs 





using MyPetShop.BLL; 

using System; 

using System.Collections.Generic; 

using System.Web.Services; 

[WebService (Namespace = "http://tempuri.org/")] 
[WebServiceBinding (ConformsTo = WsiProfiles.BasicProfilel 1)] 
[System.Web.Script.Services.ScriptServicel] 


public class SearchService : System.Web.Services.WebService 
{ 


public SearchService () 


| 
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{ 
// 如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 
//InitializeComponent (); 
} 
/// <summary> 
/// 模糊 查找 商品 名 中 包含 关联 文本 框 输入 值 的 商品 ， 再 返回 满足 条 件 的 商品 名 列表 
/// </summary> 
/// <param name="prefixText"> 关 联 文本 框 输入 值 </param> 
/// <returns> 满 足 条件 的 商品 名 列表 </returns> 
[WebMethod] 
public string[] GetStrings(string prefixText) 
{ 
ProductService productSrv = new ProductService(); 
// 调 用 ProductService 类 中 的 GetProductBySearchText () 方法 模糊 查找 商品 名 中 包含 
// 关 联 文本 框 输入 值 的 商品 
var products = productSrvV.GetProductBYSearchText (PrefixText) 
// 将 查找 到 商品 的 商品 名 填充 到 列表 类 中 
List<String> list = new List<String>()7 
foreach (var product in products) 
{ 
list.Add (product .Name); 


} 
return list.ToArray(); 


源 程序 ，Search.aspx 部 分 代码 

<%@ Page Language="C#" AutogventWireup="true" CodeFile="Search.aspx.cs" 

Inherits="Search" 当 > 

<%Q@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" 

TagPrefix="ajaxToolkit" %> 

… (了 略 ) 

<form id="forml" runat="server"> 

<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox> 
<ajaxToolkit:AutoCompleteExtender ID="txtSearch AutoCompleteExtender" 
runat="server" MinimumPrefixLength="1"” ServiceMethod="GetStrings" 
ServicePath="SearchService.asmx" TargetControlID="txtSearch"> 
</ajaxToolkit:AutoCompleteExtender> 
<asp:Button ID="btnSearch" runat="server" OnClick="BtnSearch Click" 
Text=" 搜 索 " i 
<asp:GridView ID="gvProduct" runat="server"> 
</asp:GridView> 
</div> 
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</form> 


oo ( 略 》 


源 程序 .Search.aspx.cs 





using MyPetShop.BLL; 
using System; 
public partial class Search : System.Web.UI.Page 
{ 
ProductService productSrv = new ProductService(); 
protected void BtnSearch Click(object sender, EventArgs e) 
{ 
// 调 用 ProductService 类 中 的 GetProductBySearchText () 方法 模糊 查找 商品 名 中 包含 
// 文 本 框 输入 值 的 商品 
gvProduct .DataSource = 
productSrv.GetProductBySearchText (txtSearch.Text); 
gvProduct .DataBind (); 
’ 


操作 步骤 : 

(1) 由 于 本 实例 需要 访问 数据 库 ， 所 以 将 本 实例 建立 在 采用 ASPNET 三 层 架 构 的 
ChapMyPetShop 解决 方案 中 。 打 开 ChapMyPetShop 解决 方案 ， 在 MyPetShop.BLL 业务 逻辑 
层 项 目 中 新 建 ProductService.cs 类 文件 。 

(2) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Web 服务 SearchService 的 相关 文件 
SearchService.asmx 和 SearchService.cs。 

(3) 利用 NuGet 程序 包 管理 器 在 MyPetShop.Web 表示 层 项 目 中 安装 AjaxControlToolkit， 
并 参考 12.3 节 在 “工具 箱 ” 窗 口中 建立 “Ajax 控件 工具 集 ” 选 项 卡 。 

(4) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Search.aspx， 添 加 ScriptManager、TextBox、 
AutoCompleteExtender、Button 和 GridView 控件 各 一 个 ， 参 考 源 程 序 设 置 各 控件 的 属性 。 

(5) 建立 Search.aspx.cs。 最 后 ， 浏 览 Search.aspx 进行 测试 。 

程序 说 明 : 

由 于 建立 的 Web 服务 将 被 Ajax 控件 AutoCompleteExtender 调 用 , 因此 ,在 SearchService.cs 
中 定义 Web 服务 类 SearchService 之 前 必须 声明 [System.Web.Script.Services.ScriptService]。 


13.2 WCF 服务 


在 .NET Framework 3.0 中 ，Microsoft 提出 了 WCF (Windows Communication Foundation) 
服务 。 作 为 Microsoft 主推 的 一 个 通信 平台 ，WCF 为 服务 提供 了 运行 时 环境 (Runtime 
Environment)， 使 得 开发 者 能 够 将 CLR 类 型 公开 为 服务 ， 又 能 够 以 CLR 类 型 的 方式 使 用 服 
务 。 和 ASPNET Web 服务 不 同 ，WCEF 是 面向 服务 (Service-Oriented) 的 应 用 程序 新 框架 。 
提出 WCF 的 目的 是 为 开发 基于 SOA (Service-Oriented Architecture) 的 分 布 式 系统 提供 可 管 
理 的 方法 和 广泛 的 互 操作 性 ， 并 为 服务 定位 提供 直接 的 支持 。WCF 包含 一 个 POX (Plain Old 
XML) 的 通用 对 象 模型 ， 以 及 可 以 利用 多 种 协议 进行 传输 的 SOAP 消息 。 由 于 WCF 也 可 以 
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深入 支持 WS-I 定义 的 Web 服务 标准 ， 因 此 它 可 以 毫 不 费力 地 与 其 他 Web 服务 平台 进行 互 
操作 。 

.NET Framework 4.5 中 的 WCF 构建 于 NET Framework 3.0 的 基础 之 上， 将 以 Web 为 中 
心 的 通信 、SOAP 和 WS-I 标 准 组 合 到 了 一 个 服务 堆栈 和 对 象 模型 中 。 这 意味 着 可 以 构建 这 样 
的 一 个 服务 ， 即 采用 SOAP 和 WS-I 标准 在 企业 内 部 或 跨 企业 之 间 进 行 通信 ， 同 时 还 可 以 将 
同一 服务 配置 为 使 用 HTT?P 与 外 部 通信 。 实 际 上 ，WCF 处 理 了 服务 中 的 烦琐 细节 工作 ， 开 发 
人 员 可 以 更 加 专注 于 服务 所 提供 的 功能 。 

由 于 WCF 只 是 提供 一 个 运行 时 环境 ， 因 此 它 必 须 托 管 在 宿主 程序 中 。 这 种 托管 可 以 由 
IIS 完成 ,也 可 以 由 开发 者 自己 提供 宿主 程序 并 管理 进程 的 生命 周期 。 其 中 ,宿主 程序 可 以 是 
ASPNET、EXE、WPF、Windows Forms、NT Service 和 COM+ 等 。 

WCF 不 依赖 于 任何 传输 协议 ， 支 持 多 种 通信 协议 ， 如 HTTP、HTTPS、TCP、UDP、 
MSMQ、 命 名 管道 、 对 等 网 等 。 因 此 ， 一 个 WCF 服务 的 地 址 应 该 包含 传输 协议 、 机 器 名 称 
以 及 路 径 。 

WCF 的 大 部 分 功能 都 包含 在 一 个 单独 的 程序 集 System.ServiceModel.dll 中 ， 命 名 空间 为 


System.ServiceModel。 


13.2.1 建立 WCF 服务 


建立 一 个 WCF 服务 和 建立 ASPNET Web 服务 不 同 。WCF 服务 要 建立 服务 接口 文件 和 
服务 逻辑 处 理 文件 。 在 VSC 2017 中 ， 建 立 WCF 服务 的 模板 有 WCF 服务 网 站 模板 和 WCF 
服务 模板 。WCEF 服务 网 站 模板 用 于 创建 独立 的 网 站 , 在 创建 时 会 自动 在 网 站 根 文件 夹 下 建立 
一 个 WCF 服务 文件 Service.svc, 同时 在 App_Code 文件 夹 下 建立 相应 的 类 文件 IService.cs 和 
Service.cs。 其 中 Service.svc 用 于 定义 WCF 服务 ; IService.cs 用 于 接口 的 定义 ，Service.cs 实 
现 服务 逻辑 处 理 。 当 然 ， 在 这 种 网 站 中 除 包含 WCF 服务 文件 外 ， 还 可 以 包含 Web 
他 文件 。 反 过 来 ， 要 建立 WCF 服务 文件 ， 也 不 必 专 门 创建 一 个 网 站 ， 可 以 
利用 WCF 服务 模板 在 已 有 的 ASPNET 网 站 中 添加 WCF 服务 文件 。 


实例 13-4 ”建立 WCF 服务 
本 实例 建立 两 个 整数 加 减 运算 的 WCF 服务 。 


源 程序 .Cal.sve 











实例 13-4 





<%@ ServiceHost Language="C#" Debug="true" Service="Cal" 
CodeBehind="~/App_Code/Cal.cs" $%> 


源 程序 ，ICal.cs 





using System.ServiceModel; 
[ServiceContract] 
public interface ICal 
{ 
[OperationContract] 
int Add(int a, int b); 
[OperationContract] 
int Subtract (int a, int b); 
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源 程序 : Calcs 





public class Cal : ICal 
{ 
public int Addl(int a, int b) 
{ 
return (a + b); 
} 
public int Subtract (int a, int b) 
{ 
return (a - b); 
. 
} 


操作 步骤 : 

(1) 右 击 Chap13Site 网 站 ， 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “添加 新 项 ”命令 ， 然 
后 在 弹出 的 对 话 框 中 选择 “WCF 服务 ”模板 ， 输 入 WCF 服务 文件 名 Calsvc， 单 击 “ 添 加 ” 
按钮 建立 文件 。 

(2) 打开 App_Code 文件 夹 下 的 接口 文件 ICalcs， 输 入 源 程 序 代码 。 

(3) 打开 App_Code 文件 夹 下 用 于 实现 接口 的 文件 Cal.cs， 输 入 源 程序 代码 。 

(4) 右 击 Chap13Site 网 站 , 在 弹出 的 快捷 菜单 中 选择 “ 设 为 启动 项 目 ” 命 令 , 将 Chap13Site 
网 站 设置 为 当前 解决 方案 中 的 启动 项 目 。 

(5) 在 “解决 方案 资源 管理 器 ”窗口 中 选择 Cal.sve 或 Cal.cs， 按 F5 键 进行 调试 ， 呈 现 
如 图 13-12 所 示 的 界面 。 在 图 13-12 中 ， 双 击 Add0 或 SubtractO 可 进行 相应 方法 的 测试 。 


文件 FE) 工具 CD 帮助 H) 





白 碍 http://1ocalhost:54451/Cal,svc 
白 "9 ICal (BasicHttpBinding_ICal) 
@ Add() 要 添加 服务 
@ hhayne 于 六 从 东单 或 “我 的 服务 项 目 ”的 上 下 文 东单 中 法 择 “添加 
@ Sub 
六 。 在 输入 区 中 输入 服务 元 数据 地 址 ,然后 单 击 “确定” 


口 昌 和 和 机 测试 
和 上 要 刘斌 由 
将 出 现 一 页 
”亲民 乓 宇 遇 六 入 多 失 的 人 
用 ”按钮 


在 左 | 
， 右 窗 悦 中 
， 在 布 历 格 
。 单 击 “ 调 




















图 13-12 ”Calsve 服务 调试 界面 


程序 说 明 : 

ICalcs 文件 中 的 [ServiceContract] 和 [OperationContract] 通 常 称 为 用 于 定义 服务 操作 的 服 
务 契 约 。[ServiceContract] 用 在 类 或 者 结构 上 ， 用 于 表示 该 类 或 者 结构 能 够 被 远程 调用 ， 而 
[OperationContract] 用 在 类 中 的 方法 上 ， 用 于 表示 该 方法 可 被 远程 调用 。 除 服务 契约 外 ，WCF 
中 的 契约 还 包括 用 于 自 定 义 数 据 结构 的 数据 契约 ， 用 于 自 定 义 错误 的 异常 契约 和 用 于 控制 消 
息 格 式 的 消息 契约 。 





13.2.2 ”调用 WCF 服务 


序 中 调用 建立 的 WCF 服务 。 


和 调用 ASPNET Web 服务 相同 , 通过 添加 服务 引用 就 可 以 在 其 他 应 用 程 


实例 13-5 ”调用 WCF 服务 
如 图 13-13 和 图 13-14 所 示 ， 本 实例 调用 实例 13-4 建立 的 WCF 服务 实 





现 整 数 的 加 减 运算 。 






























































图 13-13 ”WefCal.aspx 浏览 效果 (1) 图 13-14 WefCal.aspx 浏览 效果 (2) 


源 程序 ， WecfCalaspx 部 分 代码 
<%@ Page Language="C#" AutogventWireup="true" CodeFile="WcfCal.aspx.cs" 
Inherits="WcfCal" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtA" runat="server" Width="60px"></asp:TextBox> 
<asp:Button ID="btnAdd" runat="server" OnClick="BtnAdd Click" Text=" 加 " /> 
<asp:Button ID="btnSsubtract" runat="server" OnClick="BtnSubtract Click" 
Text=" 减 ” /> 
<asp:TextBox ID="txtB" runat="server" Width="60px"></asp:TextBox><br /> 
<asp:Label ID="lblResult" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 


源 程序 ，WcfCalaspx.cs 





using System7 
public partial class WcfCal : System.Web.UI.Page 
{ 
protected void BtnAdd _ Click (object sender, EventArgs e) 
{ 
ServiceRefCal.CalClient calClient = new ServiceRefCal.CalClient (); 
int a = int.Parse (txtA.Text); 
int b = int.Parse (txtB.Text); 
int result = calClient.Add(a，b); // 调 用 WcF 服务 Cal 中 的 Adq() 方 法 
lblResult.Text = a.ToString() + "+" + b.ToString() + "=" + result.ToString(); 
calClient.Close(); 
} 
protected void Btnsubtract Click(object sender, EventArgs e) 
{ 
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ServiceRefCal.CalClient calClient = new ServiceRefCal.CalClient(): 
int a = int.Parse (txtA.Text); 
int b = int.Parse (txtB.Text); 
int result = calClient.Subtract (a，b); // 调 用 WCF 服务 Cal 中 的 Subtract () 方 法 
lblResult .Text = a.ToString() + "-" + b.ToString() + "=" + result.ToString(); 
calClient.Close(); 
} 
} 


操作 步骤 : 
(1) 添加 服务 引用 。 与 实例 13-2 中 添加 ASPNET Web 服务 类 似 , 但 此 处 选择 WCF 服务 
文件 Cal.svce， 输 入 “命名 空间 ”ServiceRefCal， 如 图 13-15 所 示 。 


若 要 查看 特定 服务 器 上 的 可 用 服务 列表 ,请 输入 服务 URL ,然后 单 击 “ 转 到 "。 若 要 浏览 可 用 的 服务 ， 请 单 击 “ 发 现 “。 
地 址 (A): 


httpV/localhost54451/Calsvc ~ 发 现 D) |~ 


服务 (S): 
be Calsvc 
上 @ Searchasmx 
好 WebService.asmx 

















在 解决 方案 中 找到 3 个 服务 。 


命名 空间 (N): 
ServiceRefCal 


Er 








13-15 “添加 服务 引用 ”对 话 框 


(2) 建立 Web 窗 体 文件 并 调用 Cal。 在 Chap13Site 网 站 的 根 文件 夹 下 新 建 WcfCal.aspx， 
添加 两 个 TextBox 控件 、 两 个 Button 控件 和 一 个 Label 控件 , 参考 源 程 序 设置 各 控件 的 属性 。 
建立 WcfCal.aspx.cs。 最 后 ， 浏 览 WcfCal.aspx 进行 测试 。 

程序 说 明 : 

要 调用 WCF 服务 Cal， 首 先 应 建立 一 个 CalClient 类 对 象 ， 然 后 就 可 以 调用 WCF 服务 
Cal 中 定义 的 方法 。 本 例 建立 了 CalClient 类 对 象 的 实例 calClient。 

当 单 击 “ 加 ”按钮 时 ， 调 用 calClient 的 Add0 方 法 返回 计算 结果 并 在 lblResult 中 显示 加 
法 运算 式 。 

当 单 击 “ 减 ”按钮 时 ， 调 用 calClient 的 Subtract() 方 法 返回 计算 结果 并 在 lblResult 中 显示 
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减法 运算 式 。 
使 用 WCEF 服务 后 , 要 调用 Close0 方 法 关闭 , 如 果 在 关闭 后 要 继续 使 用 , 可 以 调用 Open0 
方法 打开 。 


13.3 小 结 


本 章 介 绍 了 Web 服务 和 WCF 服务 的 基本 工作 原理 ， 以 及 如 何 建立 和 调用 ASPNET Web 
服务 和 WCF 服务 的 方法 。 

使 用 Web 服务 能 实现 数据 重用 和 软件 重用 ， 这 为 建立 分 布 式 系统 提供 了 方便 。 实 现 Web 
服务 需要 HTTP、SMTP、SOAP、WSDL 和 UDDI 等 协议 的 支持 。 而 SOAP、WSDL 和 UDDI 
等 协议 都 是 基于 XML 进行 描述 的 。VSC 2017 提供 的 Web 服务 模板 为 建立 和 调用 ASPNET 
Web 服务 提供 了 便捷 途径 。 

WCF 是 面向 服务 的 应 用 程序 新 框架 ， 目 的 是 为 开发 基于 SOA 的 分 布 式 系统 提供 可 管理 
的 方法 和 广泛 的 互 操 作 性 ， 并 为 服务 定位 提供 直接 的 支持 。 建 立 WCF 服务 可 使 用 WCF 服务 
网 站 模板 和 WCF 服务 模板 。 在 建立 时 ， 需 要 建立 服务 定义 文件 、 服 务 接口 文件 和 服务 逻辑 
处 理 文件 。 在 调用 ASPNET Web 服务 和 WCF 服务 时 ， 需 要 首先 添加 服务 引用 ， 再 应 用 到 
Web 窗 体 中 。 


13.4 习 题 


1. 填空 题 

(1) ASPNET Web 服务 是 基于 创建 的 。 

(2) ASPNET Web 服务 文件 的 扩展 名 是 .asmx, 其 后 台 的 编码 文件 位 于 _ 文件 夹 中 。 

(3) ASPNET Web 服务 文件 使 用 指令 代替 了 @ Page 指令 。 

(4) ASPNET Web 服务 类 和 普通 类 的 差别 是 方法 前 要 添加 a 

(5) 若 要 允许 使 用 ASPNET Ajax 从 脚本 中 调用 ASPNET Web 服务 ， 则 需 在 类 前 面 添 
加 








(6) 要 使 用 WCF 必须 导入 的 命名 空间 为 。 
(7) WCF 提供 了 一 个 运行 时 环境 ， 使 用 时 必须 托管 在 中 。 
2. 是 非 题 


(1) Web 服务 只 能 在 ASPNET Web 应 用 程序 中 被 调用 。 

(2) 要 调用 WCF 服务 ， 需 要 通过 “添加 ”一 “服务 引用 ”命令 进行 添加 。 

(3) ASPNET Web 服务 不 允许 方法 重 载 。 

(4) WCF 只 能 通过 HTTP 协议 传输 数据 。 

(5) WCF 的 大 部 分 功能 都 包含 在 程序 集 System.ServiceModel.dll 中 。 

3， 选 择 题 

(1) Web 服务 的 通信 协议 中 不 包括 ;让 
A. HTTP B. XML C. SOAP D. TCP/IP 

(2) 如 果 要 在 网 站 中 使 用 ASPNET Web 服务 ， 则 必须 在 网 站 中 添加 ( b 
A. 服务 引用 B. 引用 C. XML 引用 D. Web 网 站 
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(3) WCF 服务 (  )。 
A. 可 以 和 ASPNET Web 服务 在 同一 网 站 中 使 用 ， 但 不 能 跟 其 他 服务 一 起 使 用 
B. 不 可 以 和 ASPNET Web 服务 在 同一 网 站 中 使 用 
C. 只 能 在 支持 WCF 消息 队列 “MSMQ) 功能 的 操作 系统 上 使 用 
D. 可 以 在 所 有 的 操作 系统 上 使 用 
4， 简 答题 
(1) 为 什么 要 使 用 Web 服务 ? 
(2) ASPNET Web 服务 .asmx 文件 包含 什么 指令 ? 该 指令 包括 哪些 属性 ? 
(3) 什么 是 WCEF 服务? 与 ASPNET Web 服务 有 何 区 别 ? 
5. 上 机 操作 题 
(1) 建立 并 调试 本 章 的 所 有 实例 。 
(2) 设计 一 个 根据 邮编 查找 所 在 城市 的 ASPNET Web 服务 ， 并 测试 该 服务 。 
(3) 设计 一 个 根据 个 人 身份 证 号 码 返回 个 人 出 生 信 息 《〈 出 生地 、 出 生日 期 ) 的 WCF 服 
务 ， 并 测试 该 服务 。 
(4) WebXml.com.cn 提供 了 天 气 预 报 的 Web 服务 ， 服 务 访问 地 址 为 : http:/www.webxml. 
com.cn/WebServices/WeatherWebService.asmx。 请 编写 调用 该 服务 的 应 用 程序 ， 实 现 天 气 预 报 
的 查询 功能 ， 浏 览 效 果 如 图 13-16 所 示 。 


国内 外 主要 城市 3 天 天 气 预报 


选择 省 济 
上 选择 城市 下 至 丰 而 

















直辖 市 /北京 
今日 实况 : pas -3D 风向 /风力 ， 北 风 35 级， 湿度 ，179%， 和 紫外 线 强 
天 气 预报 (今天 )， 2 月 10 日 晴 -9C/1'C 西北 风 4-5 级 转 小 于 3 级 剖 音 
天 气 预报 (明天 )， 2 月 11 日 晴 -9'C/1C 西北 风 3-4 级 转 西 南 风 小 于 3 级 半 将 


天 气 预 报 (后 天 )， 2 月 12 日 晴 -7C/5'C 西北 风 转 西南 风 小 于 3 级 韶 间 
预报 时 间 ， 2018 年 02 月 10 日 星期 六 10:36 
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文件 处 理 


本 章 要 点 : 

* 掌握 Web 服务 器 上 驱动 器 、 文 件 夹 的 操作 。 

* 掌握 Web 服务 器 上 文件 的 新 建 、 移 动 、 复 制 和 删除 操作 。 
* 掌握 Web 服务 器 上 读 写 文件 的 方法 。 

* 熟悉 文件 的 上 传 操作 。 


14.1 驱动器、 文件 来 和 文件 操作 


在 Web 应 用 程序 中 ，Web 服务 器 上 的 驱动 器 、 文 件 夹 和 文件 等 操作 很 广泛 ， 如 越 来 越 流 
行 的 网 络 硬盘 。 在 使 用 时 ， 需 要 导入 System.IO 命名 空间 来 处 理 驱 动 器 、 文 件 夹 和 文件 的 基 
本 操作 。 


14.1.1 获取 驱动 器 信息 


DriveInfo 类 可 以 实现 对 指定 驱动 器 信息 的 访问 。 利 用 DriveInfo 类 可 以 方便 地 获取 Web 
服务 器 上 每 个 驱动 器 的 名 称 、 类 型 、 大 小 和 状态 信息 等 。 常 用 的 属性 、 方 法 如 表 14-1 所 示 。 


表 14-1 DriveInfo 类 常用 的 属性 和 方法 表 














属性 、 方 法 说 明 
AvailableFreeSpace 属性 获取 驱动 器 可 用 空闲 容量 
DriveFormat 属性 获取 文件 系统 的 名 称 。 例 如 ，NTFS 或 FAT32 
IsReady 属性 逻辑 值 ， 表 示 一 个 特定 驱动 器 是 否 已 准备 好 
Name 属性 获取 驱动 器 的 名 称 
RootDirectory 属性 获取 驱动 器 的 根 文件 夹 
TotalSize 属性 获取 驱动 器 的 存储 空间 总 容量 
VolumeLabel 属性 获取 或 设置 驱动 器 的 卷 标 
GetDrives0 方 法 获取 Web 服务 器 上 所 有 逻辑 驱动 器 的 名 称 





实例 14-1 显示 Web 服务 器 上 所 有 驱动 器 的 信息 
如 图 14-1 所 示 ， 页 面 加 载 时 获取 当前 Web 服务 器 中 所 有 驱动 器 的 信息 ， 每 个 驱动 器 以 
一 个 节点 的 形式 显示 在 TreeView 控件 中 。 回国 






[Omir 
实例 14-1 





图 14-1 DriveInfo.aspx 浏览 效果 
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源 程序 : DriveImfo.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DriveInfo.aspx.cs" 
Inherits="Chap14 DriveInfo"” 和 > 
… ( 略 ) 
<form id="forml" runat="server"> 

<div> 

<asp:TreeView ID="tvDrive" runat="server"></asp:TreeView> 

</div> 

</form> 


oe ( 略 ) 


源 程序 ， DriveInfo .aspx.cs 





using System 
using System.IO” 
using System.Web.UI7 
using System.Web.UI.WebControls; 
public partial class Chapl4 _ DriveInfo : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
{ 
// 获 取 Web 服务 器 中 的 所 有 逻辑 驱动 器 
DriveInfo[] allDrives = DriveInfo.GetDrives () 7 
foreach (DriveInfo driveInfo in allDrives) 
{ 
if (driveInfo.IsReady == true) // 若 驱动 器 已 准备 好 ， 则 显示 该 驱动 器 信息 
{ 
// 添 加 驱动 器 名 节点 
TreeNode treeNode = new TreeNode () ; 
treeNode.Value = driveInfo.Name; 
tvDrive.Nodes.Add (treeNode); 
// 添 加 驱动 器 卷 标 节点 
TreeNode childNode = new TreeNode(); 
childNode .Value = "驱动 器 的 卷 标 : " + driveInfo.VolumeLabel; 
treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 文件 系统 节点 
childNode = new TreeNode(); 
childNode.Value = "文件 系统 : " + driveInfo.DriveFormat; 
treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 可 用 空闲 容量 节点 
childNode = new TreeNode () 
childNode .Value = "可 用 空闲 容量 : " + driveInfo.AvailableFreeSpace 
+ "Bytes"7 
treeNode.ChildNodes.Add (childNode); 
// 添 加 驱动 器 存储 空间 总 容量 节点 
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childNode = new TreeNode(); 
childNode .Value = "存储 空间 总 容量 : " + driveInfo.TotalSize + "Bytes"; 
treeNode.ChildNodes.Add (childNode); 

} 

else // 驱 动 器 没有 准备 好 

{ 
TreeNode nodeNotUse = new TreeNode(); 
nodeNotUse.Value = driveInfo.Name + " (驱动 器 没有 准备 好 )"; 
tvDrive.Nodes.Add (nodeNotUse); 


操作 步骤 : 

(1) 在 Chap14 文件 夹 中 建立 DriveInfo.aspx， 添 加 一 个 TreeView 控件 ， 设 置 控 件 的 ID 
属性 值 。 

(2) 建立 DriveInfo.aspx.cs。 最 后 ， 浏 览 DriveInfo.aspx 进行 测试 。 

程序 说 明 : 

实现 文件 操作 需要 导入 命名 空间 System.IO。 程 序 利 用 DriveInfo.GetDrives() 获 取 所 有 驱 
动 器 集合 对 象 allDrives, 然后 利用 foreach 语句 遍历 allDrives, 将 驱动 器 的 信息 以 节点 的 方式 
添加 到 TreeView 控件 中 。 


14.1.2 文件 夹 操 作 


操作 Web 服务 器 中 的 文件 夹 需要 命名 空间 System.IO 中 的 Directory 类 和 DirectoryInfo 
类 。 利 用 它们 提供 的 方法 ， 可 以 实现 创建 和 删除 文件 夹 ， 复 制 、 移 动 和 重 命名 文件 夹 ， 遍 历 
文件 夹 以 及 设置 或 获取 文件 夹 信 息 等 操作 。Directory 类 的 常用 方法 如 表 14-2 所 示 ， 
DirectoryInfo 类 的 常用 方法 如 表 14-3 所 示 。 


表 14-2 Directory 类 的 常用 方法 表 























方 法 说 明 
CreateDirectoryO 创建 指定 路 径 中 的 文件 夹 
Delete() 删除 指定 的 文件 夹 
ExistsO) 确定 是 否 存在 文件 夹 路 径 
GetCurentDirectoryO 获取 应 用 程序 的 当前 文件 夹 
GetDirectoriesO 获取 指定 文件 夹 中 所 有 子 文件 夹 名 称 的 集合 
GetFiles0) 返回 指定 文件 夹 中 所 有 文件 的 集合 
GetFileSystemEntriesO 返回 指定 文件 夹 中 所 有 文件 和 子 文件 夹 的 名 称 集合 
GetLogicalDrives0 检索 格式 为 “< 驱动 器 号 >\” 的 逻辑 驱动 器 的 名 称 
GetParent(| 检索 指定 路 径 的 父 文件 来， 包括 绝对 路 径 和 相对 路 径 
Move0 将 文件 或 文件 夹 及 其 内 容 移 到 新 位 置 





SetCurrentDirectoryO 





设置 当前 文件 夹 
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表 14-3 DirectoryInfo 类 的 常用 方法 表 




















方 ” 法 说 明 
Create0) 创建 文件 夹 
CreateSubdirectoryO 在 指定 路 径 中 创建 一 个 或 多 个 子 文件 夹 
Delete0 删除 当前 文件 夹 
GetDirectoriesO 返回 当前 文件 夹 的 子 文件 夹 
GetFilesO 返回 当前 文件 夹 中 所 有 文件 的 集合 
MoveTo0 将 当前 文件 夹 移动 到 新 位 置 
ToString0) 返回 用 户 所 传递 的 原始 路 径 


Directory 类 的 所 有 方法 都 是 静态 的 ， 也 就 是 说 ， 这 些 方法 可 以 直接 调用 ， 并 且 所 有 方法 
在 执行 时 都 将 进行 安全 检查 。 然 而 ，DirectoryInfo 类 的 方法 是 实例 方法 ， 使 用 前 必须 建立 
DirectoryInfo 类 的 实例 。 如 果 只 想 执 行 一 个 操作 ， 使 用 Directory 类 的 方法 的 效率 要 高 。 如 果 
要 多 次 使 用 某 个 对 象 ， 用 DirectoryInfo 类 的 相应 实例 方法 ， 可 以 避免 多 次 安全 检查 。 例 如 ， 
以 下 两 组 示例 代码 的 功能 相同 ， 都 建立 了 “C:\Temp\Sub” 文 件 夹 。 

Directory 类 静态 方法 CreateDirectory0 的 示例 代码 如 下 : 


Directory.CreateDirectory (@"C:\Temp\Sub"); 
DirectoryInfo 类 实例 方法 Create() 的 示例 代码 如 下 : 


DirectoryInfo dirInfo = new DirectoryInfo(@"C:\Temp\Sub"); 
dirInfo.Create(); 


在 文件 夹 和 文件 的 操作 中 ， 最 容易 出 错 的 是 路 径 的 处 理 。.NET Framework 提供 了 处 理 路 
径 的 Path 类 ， 利 用 Path 类 的 静态 方法 可 以 很 方便 地 处 理 路 径 。Path 类 的 常用 方法 如 表 14-4 
所 示 。 


表 14-4 Path 类 的 常用 方法 表 




















方法 说 明 
ChangeExtension0) 更 改 路 径 字 符 串 的 扩展 名 
Combine() 合并 两 个 路 径 字符 串 
GetDirectoryName() 返回 指定 路 径 字 符 串 的 文件 夹 信息 
GetExtension() 返回 指定 路 径 字 符 串 的 扩展 名 
GetFileName0) 返回 指定 路 径 字符 串 的 文件 名 和 扩展 名 
GetFileNameWithoutExtension() 返回 不 具有 扩展 名 的 文件 名 
GetFullPathO 返回 指定 路 径 字符 串 的 绝对 路 径 
GetPathRootO 获取 指定 路 径 的 根 文件 夹 信息 
GetRandomFileName() 返回 随机 文件 夹 名 或 文件 名 





实例 14-2 计算 指定 文件 夹 的 大 小 
如 图 14-2 所 示 ， 在 文本 框 中 输入 文件 夹 路 径 后 ， 单 击 “ 计 算 ” 按 钮 ， 则 遍历 该 文件 夹 下 
所 有 的 子 文件 夹 和 文件 并 统计 大 小 ， 再 以 树 形 方式 显示 文件 夹 结构 。 
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计算 








: Book sln 大 小 : 4354 日 期 : 2017/11/25 16:21:11 


ws 日 期 : 2017/11/25 21:45:43 


hap10Site 日 期 : 
Chap13Site 日 期 : 
Chapsite 日 期 : 
packages 日 期 : 


2017/12/30 14:03:40 
2018/1/6 21:32:14 
2017/12/16 21:29:03 
2017/11/25 21:45:53 


Sql 日 期 : 2017/12/12 14:41:06 


图 14-2 Directory.aspx 浏览 效果 


源 程序 ， Directory.aspx 部 分 代码 


日 
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<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Directory.aspx.cs" 


Inherits="Chap14 Directory" $%> 


… ( 略 ) 


<form id="forml" runat="server"> 


<div> 


输入 文件 夹 路 径 : <asp:TextBox ID="txtInput" runat="server"></asp:TextBox> 
<asp:Button ID="btnCompute" runat="server" OnClick="BtnCompute Click" 


Text=" 计 算 ” /> 


<asp:Label ID="1b1Msg" runat="server"></asp:Label> 
<asp:TreeView ID="tvDir" runat="server"></asp:TreeView> 


</div> 
</form> 


…( 略 ) 


源 程序 ，Directory.aspx.cs 


using System; 
using System.IO7 


using System.Web.UI.WebControls; 


public partial class Chap14 Directory : System.-Web.UI.Page 


{ 


protected void BtnCompute Click(object sender, EventArgs e) 


{ 


string path = txtInput.Text; 
if (Directory.Exists (path)) 


DirectoryInfo dirInfo 


TreeNode node = new TreeNode (path); 


// 获 取 文件 夹 路 径 
// 若 文件 夹 存在 ， 则 遍历 该 文件 夹 


new DirectoryInfo (path); 


lblMsg.Text = "文件 夹 大 小 : " + Dirsize (dirInfo, node) -ToString() +"Bytes"; 


tvDir.Nodes.Add (node); 


， 


else // 若 文件 夹 不 存在 ， 则 显示 提示 信息 


{ 


lblMsg .Text = "输入 的 文件 夹 不 存在 "; 


© 
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/// <summary> 
/// 自 定义 方法 Dirsize()， 用 于 计算 指定 文件 夹 大 小 ， 并 显示 包含 的 子 文件 夹 和 文件 
/// </summary> 
/// <param name="dirInfo"> 指 定 文件 夹 </param> 
/// <param name="parent"> 上 级 文件 夹 </param> 
/// <returns> 文 件 夹 大 小 </returns> 
public static long DirSize (DirectoryInfo dirInfo, TreeNode parent) 
{ 
long size = 0; 
FileInfo[] fis = dirInfo.GetFiles(); // 获 取 指 定 文件 夹 中 包含 的 文件 集合 
foreach (FileInfo fi in fis) // 累 计 指 定 文件 夹 中 的 文件 大 小 
{ 
// 添 加 文件 到 TreeView 中 
TreeNode node = new TreeNode(); 
node.Value = "文件 : " + fi.Name + "大 小 : " + fi.Length + " 日期: " 
+ fi.CreationTime; 
Parent .ChildNodes.Add (node); 
// 累 计 文件 大 小 
size += fi.Length; 
} 
// 获 取 指 定 文件 夹 中 的 子 文件 夹 集合 
DirectoryInfo[] dis = dirInfo.GetDirectories(); 
foreach (DirectoryInfo di in dis) // 累 计 指 定 文件 夹 中 的 子 文件 夹 大 小 
{ 
// 添 加 文件 夹 到 TreeView 中 
TreeNode nodeDir = new TreeNode () 
nodeDir.Value = di.Name; 
nodeDir.Text = "文件 夹 : " + di.Name + " 日 期 : " + di.CreationTime; 
parent .ChildNodes.Add (nodeDir); 





size += Dirsize(di, nodeDir); // 递 归 调 用 自 定义 方法 Dirsize () 
Wt (size); // 返 回 指定 文件 夹 大 小 
， } 
操作 步 又 : 


(1) 在 Chap14 文件 夹 中 建立 Directory.aspx， 添 加 TextBox、Button、Label 和 TreeView 
控件 各 一 个 ， 参 考 源 程序 设置 各 控件 属性 。 

(2) 建立 Directory.aspx.cs。 最 后 ， 浏 览 Directory.aspx 进行 测试 。 

程序 说 明 : 

自 定义 的 静态 方法 DirSize0 分 为 两 部 分 : 

(1) 对 于 文件 夹 下 的 文件 ， 利 用 语句 “FileInfo[] fis = dirInfo.GetFiles():” 返 回 FileInfo 对 
象 的 集合 ， 然 后 累计 所 有 文件 大 小 。 

(2) 对 于 文件 夹 下 的 子 文件 夹 ， 利 用 语句 “DirectoryInfo[] dis = dirInfo.GetDirectories();” 
返回 DirectoryInfo 对 象 的 集合 ， 然 后 利用 递归 调用 DirSize0 方 法 计算 子 文件 夹 下 所 有 文件 大 
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小 的 和 。 

另外 ， 利 用 语句 “parent.ChildNodes.Add(node);” 和 “parent.ChildNodes.Add(nodeDir);” 
分 别 将 文件 和 文件 夹 添 加 到 TreeView 控件 中 ， 形 成 目录 树 。 


14.1.3 ”文件 操作 


相 比 较 而 言 ， 文 件 的 操作 比 文件 夹 操作 更 加 频繁 。 ASPNET 中 的 File 和 FileInfo 类 提供 
了 用 于 创建 、 复制、 删除 、 移动 和 打开 文件 的 方法 。File 类 的 常用 方法 如 表 14-5 所 示 , FileInfo 
类 的 常用 方法 如 表 14-6 所 示 。File 类 和 FileInfo 类 中 有 些 方法 的 功能 相同 ， 但 File 类 中 的 方 


法 都 是 静态 方法 ， 而 FileInfo 类 中 的 方法 都 是 实例 方法 。 


表 14-5 File 类 的 常用 方法 表 






































方 法 说 明 
AppendAllTextO 将 指定 的 字符 串 追 加 到 文件 中 ， 如 果 文 件 不 存在 则 创建 该 文件 
AppendTextO 创建 一 个 StteamWriter， 将 UTF-8 编码 文本 追加 到 现 有 文件 
CopyO 复制 文件 
Create0) 在 指定 路 径 中 创建 文件 
CreateText() 创建 或 打开 一 个 用 于 写 入 UTF-8 编码 的 文本 文件 
Delete0 删除 文件 
ExistsO 确定 文件 是 否 存在 
GetCreationTimeO 返回 文件 或 文件 夹 的 创建 日 期 和 时 间 
GetLastAccessTime() | 返回 上 次 访问 文件 或 文件 夹 的 日 期 和 时 间 
GetLastWriteTime() | 返回 上 次 写 入 文件 或 文件 夹 的 日 期 和 时 间 
Move0 移动 文件 
OpenO 打开 指定 路 径 上 的 FileStream 
OpenReadO 打开 现 有 文件 以 进行 读 取 
OpenTextO 打开 现 有 UTF-8 编码 文本 文件 以 便 进 行 读 取 操作 
OpenWrite0) 打开 现 有 文件 并 进行 写 入 操作 
ReadAllTextO 打开 一 个 文本 文件 ， 将 文件 的 所 有 行 读 入 到 一 个 字符 串 ， 然 后 关闭 该 文件 
Replace0 使 用 其 他 文件 的 内 容 蔡 换 指定 文件 的 内 容 ， 这 一 过 程 将 删除 原始 文件 ， 并 创建 被 
替换 文件 的 备份 
SetCreationTimeO) 设置 文件 的 创建 日 期 和 时 间 
SetLastAccessTime0 | 设置 文件 的 上 次 访问 日 期 和 时 间 
SetLastWriteTime0 “| 设置 文件 的 上 次 写 入 日 期 和 时 间 
wiiteAlITextO 创建 一 个 新 文件 ， 在 文件 中 写 入 内 容 ， 然 后 关闭 文件 。 若 目标 文件 已 存在 ， 则 覆 
盖 该 文件 
表 14-6 FileInfo 类 的 常用 方法 表 
方 法 说 有明 
AppendTextO 创建 一 个 StteamWriter， 向 文件 追加 文本 
CopyTo0 复制 文件 
Create() 创建 文件 
CreateText| 创建 一 个 用 于 写 入 新 文本 文件 的 StreamWriter 
Delete0) 删除 文件 
MoveTo0 将 指定 文件 移 到 新 位 置 ， 并 提供 指定 新 文件 名 的 选项 
Open0 用 各 种 读 / 写 访问 权限 和 共享 特权 打开 文件 
OpenRead() 创建 只 读 FileStream 
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续 表 
方 法 说 ”有明 
OpenText() | 创建 使 用 UTF-8 编码 并 从 现 有 文本 文件 中 进行 读 取 的 SteamReader 
OpenWriteO | 创建 只 写 FileStream 
Replace0) | 使 用 当前 文件 蔡 换 指定 文件 的 内 容 ， 同 时 将 删除 原始 文件 ， 并 创建 被 替换 文件 的 备份 


ToStringO 以 字符 串 形式 返回 路 径 


实例 14-3 文件 的 创建 、 复 制 、 删 除 和 移动 操作 
如 图 14-3 一 图 14-5 所 示 ， 本 实例 将 根据 输入 的 源 文件 和 目标 文件 路 径 ， 
实现 文件 的 创建 、 复 制 、 删 除 和 移动 操作 ， 并 给 出 相应 操作 的 信息 提示 。 在 
图 14-4 中 ， 输 入 源 文件 和 目标 文件 路 径 ， 再 单 击 “移动 ”按钮 时 ， 执 行 移动 
操作 。 在 图 14-5 中 ， 输 入 源 文件 和 目标 文件 路 径 ， 再 单 击 “ 复 制 ” 按 钮 时 ， 
执行 复制 操作 。 

















回 
实例 14-3 
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14-3 ”FileInfo.aspx 浏览 效果 
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源 文件 : [Temp\Testbd 可 暇 制 | 目标 文件 : |Temp2\Toest2 txt 
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图 14-5 复制 文件 操作 效果 
源 程序 ，FileInfo.aspx 部 分 代码 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileInfo.aspx.cs" 
Inherits="Chapl14 FileInfo" %> 
…( 略 ) 
<form id="forml" runat="server"> 
<div> 
源 文 件 : <asp:TextBox ID="txtSource" runat="server"></asp:TextBox> 
<asp:Button ID="btnMove" runat="server" OnClick="BtnMove Click" 
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Text=" 移 动 " /> 
<asp:Button ID="btnCopy" runat="server" OnClick="BtnCopy Click" 
Text=" 复 制 " /> 
目标 文件 : <asp: TextBox ID="txtTarget" runat="server"></asp:TextBox><br /> 
执行 情况 : <br /> 
<asp:Label ID="lblMsg" runat="server" BorderWidth="2px" 
Font-Italic="True" Text=" 提 示 信 息 "></asp:Label> 
</div> 
</form> 


… ( 略 ) 





源 程序 : FileInfo .aspx.cs 
using System 
using System.IO7 
public partial class Chap14 FileInfo : System.Web.UI.Page 
{ 
protected void BtnMove Click(object sender, EventArgs e) 
{ 
// 获 取 源 文件 和 目标 文件 路 径 
string pathSouce = txtSource.Text.Trim(); 
string pathTarget = txtTarget.Text.Trim(); 
// 若 两 个 路 径 字符 串 不 空 ， 则 执行 移动 操作 
if ((pathSouce.Length > 0) && (pathTarget.Length > 0)) 
{ 
lblMsg.Text = MoveCopyFile (pathSouce, pathTarget, false); 


} 
protected void BtnCopy Click(object sender, EventArgs e) 
{ 
// 获 取 源 文件 和 目标 文件 路 径 
string pathSouce = txtSource.Text.Trim(); 
string pathTarget = txtTarget.Text.Trim(); 
// 若 两 个 路 径 字符 串 不 空 ， 则 执行 复制 操作 
if ((pathSouce.Length > 0) && (pathTarget.Length > 0)) 
{ 
lblMsg.Text = MoveCopyFile (pathSouce, pathTarget, true); 


/// <summary> 

/// 自 定义 方法 MoveCopyFile () ， 用 于 移动 或 复制 文件 

/// </summary> 

/// <param name="pathSource"> 源 路 径 </param> 

/// <param name="pathTarget"> 目 标 路 径 </param> 

/// <param name="act"> 值 为 true 表示 复制 ，false 表示 移动 </param> 
/// <returns> 提 示 信 息 </returns> 
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private string MoveCopyFile (string pathSource, string pathTarget, bool act) 


{ 


String resMsg = ""; 

string pathRoot = Server.MapPath(""); // 获 取 网 站 根 文件 夹 
pathSource = Path.Combine (pathRoot，pathSource) ;// 获 取 源 文件 的 物理 路 径 
pathTarget = Path.Combine (pathRoot，pathTarget) ;// 获 取 目 标 文件 的 物理 路 径 
try 


{ 


// 获 取 源 文件 所 在 的 文件 夹 
string directoryName = Path.GetDirectoryName (pathSource); 
if (!Directory.Exists (directoryName)) // 若 源 文件 夹 不 存在 ， 则 新 建文 件 夹 
{ 
Directory.CreateDirectory (directoryName); 
resMsg = resMsg + "1、 源 文件 所 在 文件 夹 不 存在 ， 新 建 源 文件 所 在 的 文件 夹 。<br />"; 
} 
if (!File.Exists (pathSource)) 
{ 
using (FileStream fs = File.Create(pathSource)) { } 


resMsg = resMsg + "2、 源 文件 不 存在 ， 新 建 源 文件 。<br />"; 


// 若 源 文件 不 存在 ， 则 新 建文 件 


// 获 取 目 标 文件 所 在 的 文件 夹 
directoryName = Path.GetDirectoryName (pathTarget); 
if (!Directory.Exists(directoryName)) // 若 目标 文件 夹 不 存在 ， 则 新 建 


Directory.CreateDirectory (directoryName) 


resMsg = resMsg + "3、 目 标 文件 所 在 的 文件 夹 不 存在 ， 新 建 目标 文件 所 在 的 文件 夹 。 


<br />"; 





if (act)  // 若 act 为 true， 则 复制 文件 
{ 
File.Copy(pathSource，pathTarget，true) ;// 复 制 文 件 ， 若 目标 文件 存在 则 覆盖 
resMsg = resMsg + "5、 复 制 文 件 。<br />"; 
} 
else / /移动 文件 
上 
if (File.Exists(pathTarget) ) // 若 目标 文件 存在 ， 则 删除 文件 
{ 
File.Delete (pathTarget); 
resMsg = resMsg + "4、 目 标 文件 存在 ， 删 除 目标 文件 。<br />"; 
} 
File.Move (pathSource, pathTarget); / /移动 文件 
resMsg = resMsg + "5、 移 动 文件 。<br />"; 
} 
if (File.Exists(pathSource)) // 源 文件 存在 
{ 


Ey 
第 14 章 文件 处 理 ss 4 








resMsg = resMsg + "6-1、 源 文件 存在 ,复制 操作 完成 。<br />"; 
} 
else // 源 文件 不 存在 
' 
resMsg = resMsg + "6-2、 源 文件 不 存在 ， 移 动 操作 完成 。<br />"; 
} 
} 
catch (Exception e) 
{ 
resMsg = resMsg + "7、 程 序 执行 异常 。 错 误 信息 : " + e.Tostring(); 
} 
return resMsg; // 返 回 提示 信息 
} 
} 


操作 步骤 : 

(1) 在 Chap14 文件 夹 中 建立 FileInfo.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 FileInfo.aspx.cs。 最 后 ， 浏 览 FileInfo.aspx 进行 测试 。 

程序 说 明 : 

如 果 源 文件 夹 不 存在 ， 语 句 “Directory.CreateDirectory(directoryName);” 将 创建 文件 夹 。 
如 果 文 件 不 存在 ， 语 句 “using (FileStream fs = File.Create(pathSource)) { } ”将 创建 一 个 空 文 
件 ， 然 后 会 自动 关闭 ff 对 象 。 

另外 ， 还 可 以 利用 FileInfo 类 的 CreationTime 属性 获取 文件 的 创建 时 间 ，Length 属性 获 
取 文 件 大 小 等 信息 。 


14.2 读 写 文件 


读 写 文件 是 Web 应 用 程序 中 的 一 个 重要 操作 。 在 保存 程序 的 数据 、 动态 生成 页 面 或 修改 
应 用 程序 的 配置 信息 等 方面 都 需要 读 写 文 件 。 例如， 在 大 型 的 新 闻 发 布 系统 中 常 根据 数据 库 
信息 生成 静态 页 面 文件 。 在 .NET Framework 中 采用 基于 Stream 类 和 Reader/Wiriter 类 读 写 
IO 数据 的 通用 模型 ， 使 得 文件 读 写 操 作 非 常 简单 ， 如 图 14-6 所 示 。 


14.2.1 Stream 类 


在 .NET 中 读 写 数据 都 使 用 数据 流 的 形式 实现 。 Stream 类 为 IO 数据 读 写 提供 了 基本 的 功 
能 ， 但 是 Stream 类 是 一 个 抽象 类 ， 因 此 ， 要 完成 不 同 数据 流 的 操作 ， 必 须 使 用 它 的 派生 类 。 
例如 ， 使 用 MemoryStream 类 实现 内 存 操作 ，FileStream 类 实现 文件 操作 等 。 

下 面 以 常用 的 FileStream 类 为 例 说 明 。 

FileStream 类 能 完成 对 文件 进行 读 取 、 写 入 、 打 开 和 关闭 操作 ， 并 对 其 他 与 文件 相关 的 
操作 系统 句柄 进行 操作 ， 如 管道 、 标 准 输入 和 标准 输出 等 。 读 写 操作 可 以 指定 为 同步 或 异步 
操作 ， 默 认 情 况 下 以 同步 方式 打开 文件 。 
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图 14-6 读 写 IO 数据 的 通用 模型 图 


FileStream 类 的 常用 属性 如 表 14-7 所 示 。 
表 14-7 FileStream 类 的 常用 属性 表 


属 性 说 明 
CanRead 当前 数据 流 是 否 支持 读 取 
CanWrite 当前 数据 流 是 否 支持 写 入 
Length 数据 流 长 度 〈 用 字 节 表 示 ) 
Name 获取 传递 给 构造 函数 的 FileStream 的 名 称 
ReadTimeout 获取 或 设置 一 个 值 ( 以 毫秒 为 单位 )， 确 定数 据 流 在 超时 前 尝试 的 读 取 时 间 
WriteTimeout 获取 或 设置 一 个 值 〈 以 毫秒 为 单位 )， 确 定数 据 流 在 超时 前 尝试 的 写 入 时 间 


FileStream 类 的 常用 方法 如 表 14-8 所 示 。 
表 14-8 Filestream 类 的 常用 方法 表 





























方法 说 有明 
BeginRead0 开始 异步 读 取 
BeginWrite0 开始 异步 写 入 
Close0 关闭 当前 数据 流 并 释放 与 之 关联 的 所 有 资源 
EndRead0) 完成 异步 读 取 
EndWrite() 结束 异步 写 入 
FlushO 将 缓冲 区 中 的 数据 流 数据 写 入 文件 ， 然 后 清除 缓冲 区 中 的 数据 
LockO 允许 读 取 访问 的 同时 防止 其 他 进程 更 改 FileStream 
Read0 从 数据 流 中 读 取 字 节 块 并 将 该 数据 写 入 指定 的 缓冲 区 中 
ReadByteO 从 文件 中 读 取 一 个 字 节 ， 并 将 读 取 位 置 偏 移 一 个 字 节 
UnlockO 允许 其 他 进程 访问 以 前 锁定 的 某 个 文件 的 全 部 或 部 分 
Write0 将 缓冲 区 中 读 取 的 数据 写 入 数据 流 
WriteByte0) 将 一 个 字 节 写 入 文件 流 的 当前 位 置 


注意 : Read0 和 Wirite0 实 现 对 文件 的 同步 读 写 操作 ， 这 也 是 最 常用 的 方法 。 而 
BeginRead0、EndRead0、BeginWrite0 和 EndWrite() 方 法 实现 对 文件 的 异步 读 写 操作 。 当 异步 
写 文件 时 需要 利用 Lock0 和 UnLock() 方 法 解决 文件 共享 冲突 问题 。 
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数据 流 在 使 用 后 要 调用 数据 流 的 Close() 方 法 来 关闭 数据 流 , 如 “fs.Close0;” 语 句 。 另 外 ， 
也 可 以 利用 using 来 确保 数据 流 在 使 用 后 被 关闭 , 这 是 因为 在 using 语句 关闭 时 会 自动 调用 数 
据 流 对 象 的 Dispose0 方 法 , 而 Dispose0 方 法 会 调用 数据 流 的 Close0 方 法 来 关闭 数据 流 。 因 此 ， 
可 以 将 数据 流 操作 语句 块 放 在 using 语句 中 。 例 如 ， 利 用 FileStream 类 写 文件 的 示例 代码 
如 下 : 


using (FileStream fs = new FileStream(fileName, FileMode.Append)) 
{ 

byte[] data = Encoding.ASCII.GetBytes ("Add string!"); 

fs.Write (data, 0, data.Length); 
} 


FileStream 类 的 构造 函数 有 许多 重 载 版 本 ， 下 面 是 最 常见 的 一 种 ， 使 用 指定 的 路 径 、 文 
件 模式 、 读 / 写 权 限 和 共享 权限 来 创建 FileStream 类 的 实例 : 


public FileStream(string path, FileMode mode, FileAccess access, FileShare 





share) 
各 参数 的 含义 如 下 : 
(1) path 一 一 指定 FileStream 对 象 将 读 取 或 写 入 文件 的 相对 路 径 或 绝对 路 径 。 


(2) mode 一 一 FileMode 常数 ， 确 定 如 何 打 开 或 创建 文件 。 如 值 Open 表示 打开 文件 ， 文 
件 不 存在 则 出 错 ; 值 Create 表示 建立 文件 ， 将 覆盖 存在 的 文件 ， 值 Append 表示 以 添加 方式 
打开 存在 的 文件 ， 如 果 文 件 不 存在 则 创建 文件 。 

(3) access 一 一 FileAccess 常数 ， 确 定 FileStream 对 象 访问 文件 的 方式 。 如 值 Read 表示 
对 象 可 读 ; 值 Write 表示 对 象 可 写 ; 值 ReadWrite 表示 对 象 可 读 写 。 

(4) share 一 一 FileShare 常数 ， 确 定 文件 如 何 由 进程 共享 。 如 值 None 表示 不 允许 共享 文 
件 ; 值 Write、Read、ReadWrite、Delete 依次 表示 可 以 写 、 读 、 读 写 、 删 除 回 
文件 。 









PR 
加 的 


实例 14-4 利用 FileStream 类 读 写 文件 二 的 


本 实例 首先 判断 网 站 根 文件 夹 下 的 Chap14 文件 夹 中 是 否 存在 文件 
Testtxt， 若 不 存在 ， 则 新 建 Test.txt 文件 ， 并 写 入 “The First Line!”; 若 存 在 ， 则 打开 并 读 取 
该 文件 ， 如 图 14-7 所 示 。 单 击 “ 添 加 ”按钮 ， 可 以 将 文本 框 中 输入 的 内 容 添 加 到 文件 末尾 ， 
然后 再 读 取 文 件 内 容 并 显示 在 页 面 上 ， 如 图 14-8 所 示 。 


Cn- 


娩 和 Flestream 关 读 写 | 





我 























The First Line! 我 是 添加 的 ! 





图 14-7 FileStream 类 读 文 件 效果 图 14-8 FileStream 类 写 文件 效果 


源 程序 : FileStream.aspx 





<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FileStream.aspx.cs" 
Inherits="Chapl14 FileStream" 各 > 


ee. ( 略 》 
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<form id="forml" runat="server"> 
<div> 
<asp:TextBox ID="txtAppend" runat="server" Height="58px" 
TextMode="MultiLine"> 
</asp: TextBox> 
<asp:Button ID="btnAppend"” runat="server"” Text=" 添 加 " 
OnClick="BtnAppend Click" /><br /> 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


ee. ( 略 ) 


源 程序 .FileStream.aspx.cs 
using System; 
using System.IO7 
using System.Text; 
public partial class Chapl4 FileStream : System.Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
string fileName = Path.Combine (Request.PhysicalApplicationPath, 
@"Chapl4\Test .txt"); 
if (File.Exists(fileName)) // 文 件 存在 
. 
// 调 用 自 定义 方法 ReadText () ， 读 取 文件 并 显示 到 1blshow 
lblShow.Text = ReadText (); 
} 
else // 文 件 不 存在 
{ 
// 调 用 自 定义 方法 AppendText () ， 新 建文 件 并 添加 内 容 
AppendText ("The First Line!™"); 
lblShow.Text = ReadText (); 


让 
protected void BtnAppend Click(object sender, EventArgs e) 
人 
string appstr txtAppend.Text.Trim(); 
if (appStr.Length > 0) // 输 入 不 空 
{ 
// 调 用 自 定义 方法 AppendText () ， 将 文本 框 中 输入 值 添加 到 文件 后 面 
AppendText (appstr); 
// 调 用 自 定义 方法 ReadText () ， 读 取 文件 并 显示 到 1b1Show 
lblShow.Text = ReadText (); 


/// <summary> 


(aN 
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/// 自 定 义 方法 ReadText () ， 读 取 网 站 根 文件 夹 下 的 Chap14\Test .txt 文件 内 容 
/// </summary> 
/// <returns> 返 回 文件 内 容 字符 串 </returns> 
private string ReadText () 
{ 
// 获 取 文 件 的 物理 路 径 
string fileName = Path.Combine (Request.PhysicalApplicationpPath, 
@"Chapl4\Test.txt"); 
// 创 建 一 个 输出 流 
FileStream fs = File.Open (fileName, FileMode.Open, FileAccess.Read, 
FileShare.Read); 
byte[] data = new bytel[lfs.Length]; 
fs.Read(data, 0, (int)fs.Length); 
fs.Close(); 
return Encoding.UTF8.GetString (data); // 返 回 内 容 字 符 串 
} 


/// <summary> 
/// 自 定义 方法 AppendText () ， 添 加 内 容 到 网 站 根 文件 夹 下 的 Chap14\Test .txt 文件 
/// </summary> 
/// <param name="addText"> 要 添加 的 文件 内 容 </param> 
private void AppendText (string addText) 
{ 
// 获 取 文 件 的 物理 路 径 
string fileName = Path.Combine (Request.PhysicalApplicationPath, 
@"Chapl4\Test .txt"); 
// 创 建 一 个 输入 流 
FileStream fs = File.Open (fileName, FileMode.Append, FileAccess.Write, 
FileShare.None); 
byte[] data = Encoding.UTF8.GetBytes (addText); 
fs.Write(data, 0, data.Length); 
fs.Flush(); 
fs.Close(); 


} 


操作 步 又 : 

(1) 在 Chap14 文件 夹 中 建立 FileStream.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 FileStream.aspx.cs。 最 后 ， 浏 览 FileStream.aspx 进行 测试 。 

程序 说 明 : 

最 初 在 网 站 根 文件 夹 下 的 Chap14 文件 夹 中 不 存在 Test.txt 文件 ， 此 时 调用 “AppendText 
("The First Line!");” 执 行文 件 写 操作 。 单 击 “ 添 加 ”按钮 时 调用 “AppendText(appStr);” 添 加 
文本 框 中 输入 的 内 容 到 文件 末尾 ， 然 后 执行 “lblShow.Text = ReadText0;” 语 句 ， 读 取 Test.txt 
文件 内 容 并 显示 在 lblShow 控件 上 。 

Request.PhysicalApplicationPath 属性 获取 网 站 的 根 文件 夹 ，Path.Combine() 方 法 将 两 个 路 
径 合并 为 一 个 路 径 字 符 串 。 
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Encoding.UTF8 表示 编码 采用 UTF-8 编码 方式 ， 此 时 ， 支 持 将 中 文 写 入 文件 。 若 采用 其 
他 编码 方式 ， 在 文件 中 写 入 中 文 时 会 出 现 乱 码 。 另 外 ， 要 使 用 Encoding 类 则 需要 导入 命名 空 
间 System.Text。 


14.2.2 ”Reader 和 Writer 类 


和 Stream 类 不 同 ，Reader 和 Writer 类 可 以 完成 在 数据 流 中 读 写字 节 等 操作 。.NET 
Framework 针对 不 同 的 数据 流 类 型 提供 了 不 同 的 Reader 和 Writer 类 。 不 同 的 文件 类 型 由 对 应 
的 特定 类 进行 读 写 。 表 14-9 和 表 14-10 分 别 列 出 了 部 分 Reader 和 Writer 类 。 


表 14-9 Reader 类 对 应 表 






Reader 类 
System.IO.BinaryReader 以 二 进 制 值 形式 从 数据 流 中 读 取 数 据 
System.IO.StreamReader 从 字 节 数 据 流 中 读 取 字 符 ， 派 生 于 TextReader 
System.IO.StringReader | 将 文本 读 取 为 一 系列 内 存 字 符 串 ， 派 生 于 TextReader 


System IO.TextReader 抽象 类 ， 读 取 一 系列 字符 


表 14-10 Writer 类 对 应 表 















Writer 类 说 明 
System IO.Binary Writer 将 二 进 制 基本 数据 写 入 数据 流 
System.IO.StreamWriter 把 字符 写 入 数据 流 ， 派 生 于 TextWriter 
System.IO.StringWriter 将 文本 写 入 内 存 字 符 串 ， 派 生 于 TextWriter 
System.IO.TextWriter 抽象 类 ， 写 入 一 系列 字符 


1.TextReader 和 TextWriter 类 
TextReader 和 TextWriter 类 作为 抽象 类 ， 用 于 读 写 文本 类 型 的 内 容 ， 在 使 用 时 ， 应 建立 
它们 的 派生 类 对 象 实例 ， 如 : 


TextReader sr = new StreamReader (fileName); 
TextReader 类 的 常用 方法 如 表 14-11 所 示 ，TextWriter 类 的 常用 方法 如 表 14-12 所 示 。 
表 14-11 TextReader 类 的 常用 方法 表 






































方 ” 法 说 明 
Close0 关闭 TextReader 并 释放 与 之 关联 的 所 有 系统 资源 
peekO 读 取 下 一 个 字符 ,但 不 使 用 该 字符 。 当 读 到 文件 尾 时 ,返回 值 -1， 可 以 根据 返回 值 判 断 
是 否 已 到 文件 尾 
Read0 从 输入 数据 流 中 读 取 数据 
ReadBlockO ”| 从 当前 数据 流 中 读 取 最 大 count 值 长 度 的 字符 ， 再 从 index 值 开 始 将 该 数据 写 入 缓冲 区 
ReadLine() 从 当前 数据 流 中 读 取 一 行 字符 并 将 数据 作为 字符 串 返 回 
ReadToEndO ”| 读 取 从 当前 位 置 到 结尾 的 所 有 字符 并 将 它们 作为 一 个 字符 串 返 回 
表 14-12 TextWriter 类 的 常用 方法 表 
方 ” 法 说 明 
Close0 | 关闭 当前 编写 器 并 释放 任何 与 该 编写 器 关联 的 系统 资源 
FlushO 将 缓冲 区 数据 写 入 文件 ， 然 后 再 清除 缓冲 区 中 的 内 容 。 如 不 使 用 该 方法 ， 将 在 关闭 文件 
时 把 缓冲 区 中 的 数据 写 入 文件 
Write0 将 给 定数 据 写 入 文本 数据 流 ， 不 加 换行 符 


WriteLine0) 写 入 一 行 ， 并 加 一 个 换行 符 
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实例 14-5 利用 StreamReader 和 StreamWriter 读 写 文本 文件 
在 图 14-9 中 ， 若 单 击 “ 写 文本 文件 ”按钮 ， 则 在 当前 文件 夹 的 Temp 文 
件 夹 下 建立 一 个 文本 文件 Txt.txt， 并 写 入 一 行文 本 “ 李 明 23”; 若 单 击 “ 读 
文本 文件 ”按钮 ， 则 读 取 Txt.txt 文件 内 容 并 显示 在 Label 控件 中 , 如 图 14-10 
所 示 。 





x 


| S wae 


lmmm | 


图 14-9 ”StreamRW.aspx 浏览 效果 (1) 图 14-10 ”StreamRW.aspx 浏览 效果 (2) 


源 程序 : StreamRW aspx 部 分 代码 
<%@ Page Language="C#" RutoEventWireup="true" CodeFile="StreamRW.aspx.cs" 
Inherits="Chapl4 StreamRW" 和 > 
… (了 略 ) 
<form id="forml" runat="server"> 
<div> 
<asp:Button ID="btnWrite" runat="server" OnClick="BtnWrite Click" 
Text=" 写 文本 文件 "” /> 
<asp:Button ID="btnRead" runat="server" OnClick="BtnRead Click" 
Text=" 读 文本 文件 " /><br /> 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


… ( 略 ) 






































源 程序 : StreamRVWV .aspx.cs 
using System; 
using System.IO7 
public partial class Chapl4 StreamRW : System.Web.UI.Page 
{ 
protected void BtnWrite Click(object sender, EventArgs e) 
{ 
string bootDir = Server.MapPath("");// 获 取 当 前 页 面 的 物理 路 径 
string fileName = Path.Combine (bootDir, @"Temp\Txt .txt") ;// 指 定 写 入 的 文件 
/ /建立 使 用 覆盖 模式 的 StreamWriter 对 象 


TextWriter sw = new StreamWriter (fileName); 


sw.Write(" 李 明 "); // 写 字符 串 到 缓冲 区 

sw.WriteLine (23); // 写 整数 到 缓冲 区 

sw.Flush(); // 将 缓冲 区 中 数据 写 入 指定 的 文件 ， 再 清除 缓冲 区 内 容 
sw.Close(); // 关 闭 StreamWriter 对 象 并 释放 系统 资源 


} 
protected void BtnRead Click(object sender, EventArgs e) 
{ 
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string bootDir = Server.MapPath(""); 
string fileName = Path.Combine (bootDir, @"Temp\Txt.txt"); 
TextReader sr = new StreamReader (fileName); // 建 立 StreamReader 对 象 
string tmpStr = sr.ReadToEnd(); // 读 取 所 有 数据 到 tmpstr 中 
sr.Close(); // 关 闭 StreamReader 对 象 并 释放 系统 资源 
lblShow.Text = tmpStr; // 在 1blShow 中 显示 文本 内 容 
} 
} 


操作 步骤 : 

(1) 在 Chap14 文件 夹 中 添加 SteamRW.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 SteamRW .aspx.cs。 最 后 ， 浏 览 StreamRW.aspx 进行 测试 。 

程序 说 明 : 

当 单 击 “ 写 文本 文件 ”按钮 时 ， 若 当前 文件 夹 下 的 Temp\Txt.txt 不 存在 ， 则 新 建文 件 ， 
否则 打开 该 文件 ， 并 以 覆盖 方式 写 入 文件 内 容 。 如 果 要 求 添加 内 容 到 文件 中 ， 则 需要 将 语句 
“TextWriter sw = new StreamWriter(fileName);” 修 改 为 : 


TextWriter sw = new StreamWriter (fileName, true); 


其 中 参数 true 表示 添加 模式 ， 随 后 再 调用 Write( 方 法 ， 将 数据 添加 到 文本 数据 流 中 。 

2. BinaryReader 和 BinaryWriter 类 

BinaryReader 和 BinaryWriter 类 用 来 读 写 二 进 制 数据 文件 。BinaryWsriter 类 将 数据 以 其 内 
部 格式 写 入 文件 ， 所 以 在 读 取 数据 时 需要 使 用 不 同 的 Read 方法 。 例 如 ， 可 利用 ReadStringO 
方法 读 取 字符 ， 而 整数 的 读 取 需要 使 用 ReadInt320 方 法 。 


实例 14-6 利用 BinaryReader 和 BinaryWriter 读 写 二 进 制 数据 文件 
在 图 14-11 中 ， 若 单 击 “ 写 二 进 制 文 件 ” 按 钮 ， 则 在 当前 文件 夹 的 Temp 
文件 夹 下 建立 一 个 二 进 制 文 件 Bin.bin， 并 写 入 字符 串 “ 李 明 ” 和 整数 23; 若 站 这 堪 
单 击 “ 读 二 进 制 文件 ”按钮 ， 则 读 取 Bin.bin 文件 内 容 并 显示 在 Label 控件 中 ， 实例 14.6 
如 图 14-12 所 示 。 








中 | 写 二 进 制 文件 ] | 读 二 进 制 文件 
Name: 李 明 Age: 23 


























图 14-11 BinaryRW.aspx 浏览 效果 (1) 图 14-12 ”BinaryRW.aspx 浏览 效果 (2) 


源 程 序 ，BinaryRW.aspx 部 分 代码 
<%@ Page Language="C#" AutoEgventWireup="true" CodeFile="BinaryRW.aspx.cs" 
Inherits="Chap14_ BinaryRW" 和 > 
… (上 略 ) 


<form id="forml" runat="server"> 





<div> 
<asp:Button ID="btnWrite" runat="server" OnClick="BtnWrite Click" 


Text=" 写 二 进 制 文件 " /> 
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<asp:Button ID="btnRead" runat="server" OnClick="BtnRead Click" 
Text=" 读 二 进 制 文件 ” /> 
<br /> 
<asp:Label ID="lblShow" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 ， BinaryRW aspx.cs 
using System 
using System.IO7 
public partial class Chap14 BinaryRW : System.Web.UI.Page 
{ 
protected void BtnWrite Click(object sender, EventArgs e) 
{ 
string bootDir = Server.MapPath(""); // 获 取 当 前 页 面 的 物理 路 径 
string fileName = Path.Combine (bootDir，@"Temp\Bin.bin");// 指 定 写 入 的 文件 
// 建 立 BinaryWriter 对 象 
BinaryWriter bw = new BinaryWriter (File.OpenWrite (fileName)); 
string name =" 李 明 "; 
int age = 23; 





bw.Write (name); // 写 字符 串 到 缓冲 区 

bw.Write (age); // 写 整数 到 缓冲 区 

bw.Flush (); // 将 缓冲 区 中 数据 写 入 指定 的 文件 ， 再 清除 缓冲 区 内 容 
bw.Close(); // 关 闭 BinaryWriter 对 象 并 释放 系统 资源 


} 
protected void BtnRead Click(object sender, EventArgs e) 
i 
string bootDir = Server.MapPath(""); 
string fileName = Path.Combine (bootDir, @"Temp\Bin.bin"); 
// 建 立 BinaryReader 对 象 
BinaryReader br = new BinaryReader (File.OpenRead (fileName)); 


string name; 


int age; 
name = br.Readstring(); // 读 字符 串 数据 
age = br.ReadInt32(); // 读 整 型 数据 
br.Close(); // 关 闭 BinaryReader 对 象 并 释放 系统 资源 
lblShow.Text = "Name: " + name + " Age: " + age.ToString(); 
} 
} 
操作 步骤 : 


(1) 在 Chap14 文件 夹 中 建立 BinaryRW.aspx， 参 考 源 程序 添加 控件 并 设置 属性 。 

(2) 建立 BinaryRW.aspx.cs。 最 后 ， 浏 览 BinaryRW.aspx 进行 测试 。 

程序 说 明 : 

写 入 的 name 值 是 字符 串 类 型 ,age 值 是 整 型 ,所 以 在 读 取 数 据 时 对 应 地 使 用 了 ReadString() 
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和 ReadInt320 方 法 。 


14.3 文件 上 传 


在 Web 应 用 程序 中 经 常 需要 上 传 文件 。FileUpload 控件 为 用 户 提供 了 一 种 将 文件 上 传 到 
Web 服务 器 的 简便 方法 。 在 上 传 文件 时 可 以 限制 文件 的 大 小 ， 也 可 以 在 保存 上 传 的 文件 之 前 
检查 其 属性 。FileUpload 控件 在 页 面 上 显示 为 一 个 文本 框 和 一 个 “浏览 ”按钮 。 用 户 可 以 在 
文本 框 中 输入 将 上 传 到 Web 服务 器 文件 的 名 称 ; 单 击 “ 浏 览 ”按钮 ， 将 显示 一 个 文件 导航 对 
话 框 ， 可 以 选择 需要 上 传 的 文件 。 当 用 户 已 选 定 要 上 传 的 文件 并 提交 页 面 时 ， 该 文件 将 作为 
HTTP 请 求 的 一 部 分 上 传 。 定 义 的 语法 格式 如 下 : 


<asp:FileUpload ID="FileUploadl" runat="server" /> 


FileUpload 控 件 的 PostedFile 属 性 可 以 获取 使 用 FileUpload 控 件 上 传 的 文件 HttpPostedFile 
对 象 。 使 用 该 对 象 可 访问 上 传 文件 的 其 他 属性 。 例 如 ，ContentLength 属性 能 获取 上 传 文件 的 
长 度 ，ContentType 属性 能 获取 上 传 文件 的 MIME 内 容 类 型 ，FileName 属性 能 获取 上 传 文件 
的 文件 名 称 。 另 外 ， 还 可 以 使 用 SaveAs() 方 法 将 上 传 的 文件 保存 到 Web 服务 器 上 。 

如 果 要 将 文件 保存 到 当前 Web 应 用 程序 的 指定 文件 夹 中 。 可 首先 使 用 HttpRequest. 
PhysicalApplicationPath 属性 来 获取 当前 Web 应 用 程序 的 根 文件 夹 物理 路 径 , 再 组 合 要 存放 文 
件 的 文件 夹 名 。 

调用 HttpPostedFile 对 象 的 ContentLength 属性 可 获取 上 传 文件 的 大 小 ， 因 此 ， 可 通过 判 
断 该 值 大 小 来 限制 上 传 文件 的 大 小 。 还 可 以 调用 Path.GetExtension() 方 法 来 获 
取 要 上 传 文件 的 扩展 名 ， 这 样 就 能 限制 上 传 文件 的 类 型 。 


实例 14-7 利用 FileUpload 实现 文件 上 传 






加 由 





[Obs 


在 图 14-13 中 ， 单 击 “ 浏 览 ” 按 钮 ， 呈 现 “ 选 择 要 加 载 的 文件 ”对 话 框 ， 。 实例 14-7 
选择 文件 后 再 单 击 “ 上 传 文件 ”按钮 ， 将 文件 上 传 到 网 站 根 文件 夹 下 的 
Uploads 文件 夹 中 ， 并 显示 提示 信息 ， 如 图 14-14 所 示 。 同 时 ， 限 制 上 传 文件 的 大 小 不 能 超过 
200KB， 文 件 的 扩展 名 必须 为 bmp、jpg 或 gif。 
x CR GT 


Oe ol CO wo ou - 同 F 


La | 


| 文件 Test. i ges bmp | 





14-13 ”FileUpload.aspx 浏览 效果 (1) 14-14 ”FileUpload.aspx 浏览 效果 (2) 


源 程序 : FileUpload aspx 部 分 代码 
<%@ Page Language="C#"”RAutoEventWireup="true"”CodeFile="FileUpload.aspx.cs" 
Inherits="Chap14 FileUpload" 和 > 
… (上 略 》 
<form id="forml" runat="server"> 
<div> 
<asp:FileUpload ID="fupImg" runat="server" /> 
<asp:Button ID="btnUpload" runat="server" OnClick="BtnUpload Click" 
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Text=" 上 传 文件 " /><br /> 
<asp:Label ID="]lblMsg" runat="server"></asp:Label> 
</div> 
</form> 


… (上 略 ) 


源 程序 .FileUpload.aspx.cs 





using System; 

using System.I10; 

public partial class Chap14 FileUpload : System.Web.UI.Page 

{ 
private string uploadDir; //uploadDir 变量 存放 文件 保存 路 径 
protected void Page Load(object sender, EventArgs e) 


{ 
// 默 认 将 文件 保存 到 网 站 根 文件 夹 下 的 Uploads 子 文件 夹 中 
uploadDir = Path.Combine (Request.PhysicalApplicationPath, "Uploads"); 
} 
protected void BtnUpload Click(object sender, EventArgs e) 
{ 
if (fupImg.PostedFile.FileName == "") // 无 文件 上 传 
{ 
lblMsg.Text = "无 文件 上 传 ! "; 
} 
else // 有 文件 上 传 
{ 
if (fupImg.PostedFile.ContentLength > 204800) // 文 件 大 小 超过 200KB 
{ 
lblMsg .Text = "文件 大 小 不 能 超过 200KB! "; 
} 
else // 文 件 大 小 未 超过 200KB 
{ 
string extension = Path.GetExtension (fupImg.PostedFile.FileName); 
switch (extension.ToLower()) // 判 断 文件 类 型 
{ 
case " .bmp": 
case ".gif": 
case ".jpg": 
break; 
default: // 文 件 扩展 名 不 是 bmp、gif 或 jpg 
lblMsg.Text = "文件 扩展 名 必须 是 bmp、gif 或 jpg! "; 
return; 
} 
// 获 取 上 传 文件 的 文件 名 
string fileName = Path.GetFileName (fupImg.PostedFile.FileName); 
// 上 传 的 文件 将 以 原文 件 名 保存 到 网 站 根 文件 夹 下 的 Uploads 子 文件 夹 中 
string fullPath = Path.Combine (uploadDir, fileName); 
try 
{ 
fupImg .PostedFile.SaveAs (fullPath); // 上 传 文件 
lblMsg .Text = "文件 " + fileName + "成 功 上 传 到 " + fullPath; 
} 


catch (Exception ee) 
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{ 
lblMsg.Text = ee.Message; // 上 传 文件 失败 ， 显 示 出 错 信息 
} 
} 
} 
} 
} 


操作 步骤 : 

(1) 在 ChapSite 网 站 的 根 文件 夹 下 建立 Uploads 文件 夹 。 

(2) 在 Chap14 文件 夹 中 建立 FileUpload.aspx， 参 考 源 程 序 添加 控件 并 设置 属性 。 
(3) 建立 FileUpload.aspx.cs。 最 后 ， 浏 览 FileUpload.aspx 进行 测试 。 


14.4 小 结 


本 章 针对 Web 服务 器 端的 文件 夹 和 文件 操作 , 介绍 了 System.IO 命名 空间 中 的 DriveInfo、 
Directory、DirectoryInfo、File、FileInfo 和 Path 类 等 。 用 户 可 以 利用 这 些 类 来 管理 Web 服务 
器 上 的 文件 系统 。 本 章 还 介绍 了 读 写 文件 的 方法 ， 说 明了 在 .NET Framework 中 采用 基于 
Stream 类 和 Reader/Writer 类 读 写 IO 数据 的 通用 模型 ， 使 得 文件 读 写 操作 变 得 非常 简单 。 最 
后 介绍 了 利用 FileUpload 控件 上 传 文件 到 Web 服务 器 的 方法 ， 利 用 控件 的 PostedFile 属性 获 
取 的 HttpPostedFile 对 象 可 以 方便 地 限制 上 传 文件 的 大 小 ， 利 用 Path.GetExtension() 方 法 获取 
要 上 传 文件 的 扩展 名 可 以 方便 地 限制 上 传 文件 的 类 型 。 


14.5 习 题 


1. 填空 题 

(1) 要 管理 Web 服务 器 上 的 文件 系统 ， 需 要 导入 的 命名 空间 是 
(2) 通过 DriveInfo 类 的 属性 可 以 获取 驱动 器 的 名 称 。 

(3) HttpPostedFile 对 象 的 方法 可 以 将 文件 上 传 到 Web 服务 器 。 
(4) 可 以 调用 方法 返回 上 传 文件 的 扩展 名 。 

(5) 利用 File 类 的 方法 可 以 确定 指定 的 文件 是 否 存在 。 

(6) Directory 类 的 SetCurrentDirectory0 方 法 的 功能 是 。 

2. 是 非 题 

(1) Web 应 用 程序 中 可 以 使 用 DirectoryInfo 类 管理 客户 端 文件 系统 。 
(2) TextReader 类 派生 于 StreamReader 类 。 

(3) 包含 在 using 语句 内 的 代码 段 在 执行 完毕 后 会 自动 关闭 打开 的 数据 流 。 
(4) 采用 UTF-8 编码 方式 可 以 将 中 文 写 入 文本 文件 。 
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3， 选 择 题 

(1) DriveInfo 类 的 (  ”) 属性 可 以 获取 驱动 器 上 存储 空间 的 总 容量 。 
A. AvailableFreeSpace B. TotalFreeSpace 
C. TotalSize D. Size 


(2) Directory 类 的 ( ” ”) 方法 可 以 获取 Web 应 用 程序 的 当前 工作 文件 夹 。 
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A. GetCurrentDirectory() B. GetDirectories() 
C. GetDirectoryRoot() D. GetLogicalDrives() 
(3) FileStream 类 提供 的 一 组 操作 数据 流 的 方法 中 ，( ”) 可 以 同步 操作 文件 。 
A. BeginWrite() B. WriteO 
C. EndRead() D. BeginRead() 
(4) 利用 FileUpload 控件 的 PostedFile 属性 不 可 以 完成 的 操作 是 ( a 
A. 上 传 文件 B. 获取 上 传 文件 的 类 型 
C. 获取 上 传 文件 的 大 小 D. 下 载 文件 
4， 简 答题 


(1) 文件 和 数据 流 有 何 区 别 和 联系 ? 

(2) Directory 类 具有 哪些 文件 夹 管理 的 功能 ?它们 是 通过 哪些 方法 来 实现 的 ? 

(3) 比 较 FileStream、 StreamReader 和 StreamWriter 类 各 有 什么 功能 , 它们 之 间 有 何 联系 ? 

5. 上 机 操作 题 

(1) 建立 并 调试 本 章 的 所 有 实例 。 

(2) 设计 一 个 简单 的 留言 短 。 要 求 留言 包含 标题 、 内 容 、 留 言 人 和 留言 时 间 。 每 条 留言 
单独 保存 为 一 个 文本 文件 ， 并 选择 合适 的 文件 名 进行 保存 〈 要 解决 文件 重 名 问题 )。 

(3) 编写 一 个 综合 应 用 Directory 类 的 Web 应 用 程序 。 要 求 首先 确定 指定 的 文件 夹 是 否 
存在 ， 若 存在 ， 则 删除 该 文件 夹 ， 若 不 存在 ， 则 创建 该 文件 夹 。 然 后， 移动 此 文件 夹 到 新 的 
位 置 。 

(4) 如 图 14-15 所 示 ， 编 写 一 个 Web 应 用 程序 ， 实 现 后 台 文 件 夹 和 文件 管理 功能 ， 要 求 
如 下 : 

@ 以 网 站 根 文件 夹 为 当前 文件 夹 ， 在 左边 的 列表 框 中 显示 所 有 的 子 文件 夹 名 ， 右 边 的 
列表 框 中 显示 所 有 的 文件 名 。 

@ 当 单 击 左边 列表 框 中 的 子 文件 夹 名 时 ， 改 变 当前 文件 夹 并 刷新 页 面 。 

图 当 单 击 “ 返 回 上 一 级 文件 夹 ” 按 钮 时 ， 改 变 当前 文件 夹 并 刷新 页 面 。 

@ 当 单 击 “ 创 建新 文件 夹 ”按钮 时 ， 在 当前 文件 夹 中 创建 新 文件 夹 。 

@ 当 单 击 “ 删 除 当前 文件 夹 ” 按 钮 时 ， 删 除 当前 文件 夹 。 

@ 当 单 击 “ 上 传 文件 到 当前 文件 夹 ”按钮 时 ， 将 选择 的 文件 上 传 到 当前 文件 夹 下 。 

| 
ES 
当前 路 径 : D:\ASPNET\Exercise\Chap8\ | 
文件 夹 : 文件 : 
App-Data Bqas aapxos 图 
or 4 


删除 当前 文件 夹 












































图 14-15 第 14 章 习题 5(4) 浏览 效果 





MyPetShop 应 用 程序 


本 章 要 点 : 

* 了 解 MyPetShop 系统 的 总 体 设 计 。 
* 熟悉 系统 数据 库 设 计 。 

* 掌握 用 户 控件 设计 。 

* 掌握 前 台 功 能 模块 设计 。 

* 掌握 购物 车 模块 开发 。 

* 掌握 订单 处 理 模块 开发 。 

* 掌握 后 台 功 能 管理 模块 开发 。 

* 掌握 ASPNET 三 层 架构 的 运用 。 


15.1 系统 总 体 设计 和 开发 思 


本 节 将 介绍 MyPetShop 应 用 程序 的 总 体 设计 ， 包 括 系统 功能 模块 设计 、 用 户 控件 设计 、 
系统 数据 库 总 体 设计 、Web.config 配置 文件 的 设计 和 基于 VSC 2017 开发 MyPetShop 应 用 程 
序 的 总 体 思路 。 


15.1.1 系统 功能 模块 设计 


MyPetShop 应 用 程序 是 一 个 具备 基本 功能 的 电子 商务 网 站 。 如 图 15-1 所 示 ， 系 统 主要 包 
括 五 个 功能 模块 : 前 台 商 品 浏览 模块 、 用 户 注 册 和 登录 模块 、 购 











物 车 模块 、 订 单 结算 模块 和 后 台 管理 模块 。 tle 
1， 前 台 商 品 浏览 模块 ed RR a | 
按照 电子 商务 网 站 的 一 般 规划 和 人 们 使 用 电子 商务 网 站 的 习 | 前 | | 思 | | 购 | | 让 | | 

惯 ， 前 台 商品 浏览 模块 主要 实现 按照 各 种 条 件 显示 和 查看 商品 的 清 | | 二 | | 绪 | | 时 

前 台 显示 功能 。 型 | | 奖 | | 槛 | | 并 
前 台 商 品 浏览 模块 的 主要 流程 如 图 15-2 所 示 。 天 
2. 用 户 注册 和 登录 模块 区 














用 户 注册 和 登录 模块 与 通常 的 会 员 系 统 类 似 ， 用 户 注册 以 后 
就 可 以 成 为 系统 的 会 员 。 用 户 只 有 在 成 功 登录 系统 后 ， 才 可 以 实 
现 商品 的 结算 。 注 册 用 户 还 具有 修改 密码 和 找 回 密码 的 功能 。 

用 户 注册 和 登录 模块 的 主要 流程 如 图 15-3 所 示 。 

3， 购 物 车 模块 

购物 车 是 每 个 电子 商务 网 站 的 基本 元 素 。 购 物 车 中 包含 了 用 户 准 备 购买 的 所 有 商品 信 
息 ， 包 括 商品 编号 、 商 品名 称 、 商 品 价格 、 购 买 数量 以 及 用 户 应 付 总 价 等 。 用 户 在 查看 商品 


图 15-1 系统 功能 模块 设计 
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详细 信息 时 ， 如 果 决 定购 买 即 可 将 商品 加 入 购物 车 ， 然 后 可 以 继续 浏览 其 他 商品 。 
























































































































































( 用 户 ) 
1 
WK (A ) 
. 上 + + 是 否 注册 ? 一 - | 用户 注册 
和 四 1 加 a 注册 成 功 
六 | 说 | | 品 | | 名 | | 及 
CA | 1 | 
品 | | 品 修改 密码 找 回 密码 退出 系统 
图 15-2 前 台 商 品 浏览 模块 使 用 流程 图 15-3 用 户 注册 和 登录 模块 使 用 流程 
购物 车 模块 的 使 用 流程 如 图 15-4 所 示 。 
4 订单 结算 模块 
用 户 完成 购物 后 即 可 进入 结算 中 心 ， 系 统 访问 购物 下 页 面 
对 用 户 购 买 的 商品 及 数量 进行 价格 计算 ， 最 后 | 
生成 用 户 应 付款 金额 。 然 后 用 户 向 系统 下 达 订 1 1 1 1 
单 并 提供 送 货 地 址 和 付款 方式 等 信息 。 添加 商品 | | 修改 商品 数量 | | 删除 商品 | | 查看 购物 车 
订单 结算 模块 的 使 用 流程 如 图 15-5 所 示 。 图 15-4 ”购物 车 模块 使 用 流程 


5， 后 台 管 理 模块 

后 台 管 理 模块 是 根据 系统 数据 维护 要 求 而 设计 的 后 台 管 理 平台 ， 只 有 管理 员 用 户 才 可 进 
入 后 台 功 能 模块 ， 实 现 系统 的 维护 与 管理 。 

后 台 管 理 模块 的 使 用 流程 如 图 15-6 所 示 。 


用 户 ) 






















































































是 否 登录 ? | 用户 登 录 
i 
是 登录 后 台 管理 页 面 
订单 结算 让 了 
} 商 | | 商 | | 供 | [i 
a 品 | | 品 | | 应 | | 音 
填写 相关 信息 分 | | 信 | | 商 | | 管 
类 | | 息 | | 信 | | 理 
E23 Ee 自 
1 外 | | 昌 | 
订单 结算 成 功 理 
图 15-5 订单 结算 模块 使 用 流程 图 15-6 后 台 管理 模块 使 用 流程 


15.1.2 用户 控件 设计 


MyPetShop 应 用 程序 中 的 用 户 控件 主要 是 为 了 统一 页 面 风格 ， 根 据 具体 功能 的 需要 共 设 
计 了 七 个 用 户 控件 。 


Le) 
。 AutoShow 用 户 控件 一 一 实现 热 销 商品 自动 定时 刷新 功能 。 
。 Category 用 户 控件 一 一 实现 商品 分 类 显示 功能 。 
。 NewProduct 用 户 控件 一 一 实现 最 新 商品 显示 功能 。 
。 PetTree 用 户 控件 一 一 实现 商品 分 类 及 包含 商品 的 导航 功能 。 
。 SiteMap 用 户 控件 一 一 根据 网 站 地 图 实现 网 站 导航 功能 。 
。 UserStatus 用 户 控件 一 一 根据 不 同 用 户 显示 不 同 的 登录 状态 和 权限 信息 。 
。 Weather 用 户 控件 一 一 实现 全 国 所 有 省 、 直 辖 市 的 主要 城市 天 气 预报 功能 。 


15.1.3 ”系统 数据 库 总 体 设计 


MyPetShop 应 用 程序 使 用 SQL Server 2016 Express LocalDB 进行 开发 ， 所 使 用 的 数据 库 
为 MyPetShop.mdf。 

MyPetShop.mdf 数据 库 由 开发 人 员 建 立 ， 共 包含 七 个 表 : CartItem、Category、Customer、 
Order、OrderItem、Product 和 Supplier。 其 中 CartItem 表 存 储 购物 车 详细 信息 ，Category 表 存 
储 商品 分 类 信息 ，Customer 表 存 储 用 户 信息 ，Order 表 存 储 订单 信息 ，OrderItem 表 存 储 订单 
详细 信息 ，Product 表 存 储 商品 信息 ，Supplier 表 存 储 供应 商 信息 。 


15.1.4 ”Web.config 配置 文件 


MyPetShop 应 用 程序 中 的 Web.config 配置 文件 用 于 设置 数据 库 连 接 字符 串 、 定 义 
AjaxControlToolkit 标记 前 缀 、 设 置 天 气 预报 Web 服务 的 调用 、 设 置 发 件 人 邮箱 信息 等 。 其中， 
AjaxControlToolkit 标记 前 绥 的 定义 在 通过 NuGet 安装 AjaxControlToolkit 程序 包 时 自动 完成 ， 
天 气 预报 Web 服务 调用 的 设置 在 添加 天 气 预报 Web 服务 引用 时 自动 完成 。 
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源 程序 : Web.config 部 分 代码 
<configuration> 
<!-- 设 置 数据 库 连 接 字 符 串 --> 
<connectionStrings> 
<add name="MYyPetShop .DRAL.Properties .Settings .MyPetShopConnectionString" 
connectionString="Data Source=(LocalDB) \MSSQLLocalDB; 
AttachDbFilename=|DataDirectory|\MyPetShop.mdf; 
Integrated Security=True" providerName="System.Data.sqlClient" /> 
</connectionStrings> 
<system.web> 
<pages> 
<!-- 定 义 AjaxControlToolkit 标记 前 级 ， 对 应 页 面 中 的 @ Register 指令 --> 
<controls> 
<add tagPrefix="ajaxToolkit" assembly="AjaxControlToolkit™" 
namespace="AjaxControlToolkit" /> 
</controls> 
</pages> 
</system.web> 
<!-- 通 过 “添加 服务 引用 ”命令 自动 生成 的 、 用 于 调用 天 气 预 报 Web 服务 的 配置 代码 --> 


<system.serviceModel> 


[ay 
[ 咱 
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<bindings/> 
<client/> 
</system.serviceModel> 
<appSettings> 
<! 一 -设置 调用 天 气 预 报 Web 服务 的 键 和 值 --> 
<add key="WeatherServiceRef .WeatherWebService" 
value="http://www.webxml .com.cn/WebServices/WeatherWebService.asmx"/> 
<! 一 -设置 发 件 人 邮箱 (以 oe 邮箱 为 例 ) 信息 ， 注 意 请 使 用 自己 的 邮箱 并 修改 相应 的 键 值 。 其 中 ， 
MailFromAddress 表示 发 件 人 邮箱 ，UseSs1 值 为 true 表示 使 用 SSL 协议 连接 ，UserName 
表示 发 件 人 邮箱 的 账户 名 ，Password 表示 授权 码 〈 跟 邮箱 密码 不 相同 )，ServerName 表示 发 
送 邮件 的 SMTP 服务 器 名 ，ServerPort 表示 SMTP 服务 器 的 端口 号 --> 
<add key ="MailFromAddress" value="3272344648@qq.com"/> 
<add key ="UseSsl" value="true"/> 
<add key ="Username" value="3272344648"/> 
<add key ="Password" value="srzwlgkfypxddaga"/> 
<add key ="ServerName" value="smtp.qq.com"/> 
<add key ="ServerPort" value="587"/> 
</appSettings> 
</configuration> 


15.1.5 ”基于 VSC 2017 开发 MyPetShop 应 用 程序 的 总 体 思路 


MyPetShop 应 用 程序 使 用 LINQ 技术 实现 数据 访问 ， 基 于 ASPNET 三 层 架 构 进行 构建 ， 
包含 MyPetShop.Web 表示 层 项 目 、MyPetShop.BLL 业务 逻辑 层 项目 、MyPetShop.DAL 数据 
访问 层 项 目 。 有 具体 开发 时 的 总 体 思路 如 下 。 

(1) 新 建 MyPetShop 解决 方案 。 

(2) 在 MyPetShop 解决 方案 中 添加 MyPetShop.Web 表示 层 项 目 。 

(3) 在 MyPetShop 解决 方案 中 添加 MyPetShop.BLL 业务 逻辑 层 项 目 。 

(4) 在 MyPetShop 解决 方案 中 添加 MyPetShop.DAL 数据 访问 层 项 目 。 

(5) 添加 各 层 项 目 之 间 的 引用 。 其 中 , MyPetShop.Web 表示 层 项 目 引 用 MyPetShop.BLL 
业务 逻辑 层 项 目 ，MyPetShop.BLL 业务 逻辑 层 项 目 引 用 MyPetShop.DAL 数据 访问 层 项 目 。 

(6) 到 清华 大 学 出 版 社 网 站 下 载 本 书 源 程序 包 ， 解 压 其 中 的 MyPetShop 源 程序 包 ， 复 
制 Images( 内 含 MyPetShop 应 用 程序 Logo 等 图 片 )、Prod_Images( 内 含 宠 物 商品 图 片 )、Scripts 
(内 含 jQuery 3.2.1.min 版 本 )、Styles (内 含 Bootstrap 样式 文件 及 自 定义 的 Style.css 和 
Weathercss 文件 )、Sql (内 含 MyPetShop 数据 库 脚本 文件 ) 等 文件 夹 到 MyPetShop.Web 表示 
层 项 目 所 在 的 文件 夹 。 

(7) 利用 NuGet 程 序 包 管 理 器 在 MyPetShop.Web 表示 层 项 目 中 安装 AjaxControlToolkit。 

(8) 在 MyPetShop.Web 表示 层 项 目 中 新 建 Admin、App_Code、App_Data 和 UserControl 
等 文件 夹 。 

(9) 打开 Sql 文件 夹 中 的 MyPetShop.sql， 在 App_Data 文件 夹 下 建立 MyPetShop.mdf 
数据 库 。 

(10) 在 MyPetShop.DAL 数据 访问 层 项 目 中 建立 LINQ to SQL 类 MyPetShop.dbml。 

(11) 参考 本 书 MyPetShop 源 程 序 包 中 的 Web.config 文件 修改 MyPetShop.Web 表示 层 
项 目 中 的 Web.config 文件 。 
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(12) 参考 本 书 MyPetShop 源 程 序 包 中 的 Global.asax 文件 新 建 MyPetShop.Web 表示 层 
项 目 中 的 Global.asax 文件 。 

(13) 参考 本 书 MyPetShop 源 程序 包 在 MyPetShop.BLL 业务 逻辑 层 项 目 添 加 
CartItemService.cs、 CategoryService.cs、 CustomerService.cs、 OrderService.cs、 ProductService.cs 
和 SupplierService.cs 等 类 文件 。 

(14) 参考 本 书 MyPetShop 源 程序 包 ， 在 MyPetShop.Web 表示 层 项 目 中 新 建 
MasterPage.master 母 版 页 ,再 以 此 为 基础 分 别 建立 根 文件 夹 及 Admin 子 文件 夹 下 的 各 个 页 面 。 

(15) 通过 “生成 网 站 ”命令 编译 MyPetShop.Web 表示 层 项 目 以 及 与 之 关联 的 
MyPetShop.BLL 业务 逻辑 层 和 MyPetShop.DAL 数据 访问 层 项 目 。 值 得 说 明 的 是 ， 本 步骤 在 
步骤 〈14) 建立 每 个 页 面 后 进行 浏览 测试 时 需要 反复 进行 。 

(16) 从 浏览 Defaultaspx 开始 ， 对 MyPetShop 应 用 程序 进行 整体 测试 。 


15.2 MyPetShop.mdf 数据 库 设计 
MyPetShop.mdf 数据 库存 储 了 购物 车 、 商 品 分 类 、 用 户 、 订 单 、 商 品 、 供 应 商 等 信息 。 
本 节 将 介绍 MyPetShop.mdf 数据 库 中 包含 的 表 及 表 与 表 之 间 的 联系 。 


15.2.1 ”数据 表 设 计 


1， 购 物 车 详细 信息 表 
购物 车 详细 信息 表 (CartItem) 包括 购物 车 详细 项 编号 、 用 户 编号 、 商 品 编号 、 商 品名 


称 、 商 品 单价 和 购买 数量 ， 详 细 信息 如 表 15-1 所 示 。 


表 15-1 购物 车 详细 信息 表 


字段 备注 
CartItemld | 购物 车 详细 项 编号 ”| int | 主键， 自动 递增 
Customerld | 用 户 编号 | int | 外 键 ,不 允许 为 空 
Prold | 次 编 号 ”| ”int ” ”| 外 键 ,不 允许 为 空 
ProName nvarchar(80) 不 允许 为 空 
ListPrice decimal(10, 2) 不 允许 为 空 











Qty int 不 允许 为 空 


2， 商 品 分 类 信息 表 
商品 分 类 信息 表 〈Category) 包括 商品 分 类 编号 、 分 类 名 称 和 分 类 描述 ， 详 细 信息 如 表 


15-2 所 示 。 


表 15-2 商品 分 类 信息 表 
说 明 
商品 分 类 编号 
商品 分 类 名 称 
商品 分 类 描述 
















CategoryId 
Name 
Descn 









nvarchar(80) 
nvarchar(255) 









3. 用 户 信息 表 
用 户 信息 表 (Customer) 包括 用 户 编号 、 用 户 名 称 、 密码 和 电子 邮件 ,详细 信息 如 表 15-3 


所 示 。 


第 15 章 MyPetShop 应 用 程序 2 


表 15-3 用 户 信息 表 























字 段 备注 
CustomerId 主键 ， 自 动 递增 
Name nvarchar(80) 不 允许 为 空 
Password nvarchar(80) 不 允许 为 空 












Email 


4. 订单 信息 表 

订单 信息 表 (Order) 包括 订单 编号 、 用 户 编号 、 用 户 名 称 、 订 单 时 间 、 用 户 地 址 、 用 户 
所 在 城市 、 用 户 所 在 省 (自治 区 、 直 辖 市 )、 用 户 所 在 城市 邮编 、 用 户 电话 和 订单 状态 ， 详 细 
信息 如 表 15-4 所 示 。 


电子 邮件 nvarchar(80) 不 允许 为 空 








表 15-4 订单 信息 表 




















字 段 说 明 类 型 备 注 
OrderId 订单 编号 int 主键 ， 自 动 递增 
CustomerId ”| 用 户 编号 int 外 键 ， 不 允许 为 空 
UserName 用 户 名 称 nvarchar(80) 不 允许 为 空 
OrderDate 订单 时 间 datetime 不 允许 为 空 
Addrl 用 户 地 址 1 nvarchar(80) 允许 为 空 
Addr2 用 户 地 址 2 nvarchar(80) 允许 为 空 
City 用 户 所 在 城市 nvarchar(80) 允许 为 空 
State 用 户 所 在 省 〈 自 治 区 、 直 辖 市 ) nvarchar(80) 允许 为 空 
Zip 用 户 所 在 城市 邮编 nvarchar(6) 允许 为 空 
Phone 用 户 电话 nvarchar(40) 允许 为 空 
Status 订单 状态 nvarchar(10) 允许 为 空 


5， 订 单 详 细 信息 表 
订单 详细 信息 表 (OrderItem) 包括 订单 详细 信息 编号 、 订 单 编号 、 商 品名 称 、 商 品 单价 、 
购买 数量 和 总 价 ， 详 细 信息 如 表 15-5 所 示 。 


表 15-5 订单 详细 信息 表 
字 段 说 有明 类 型 备注 
ItemlId 订单 详细 信息 编号 int | 主键 ， 自 动 递增 
OrderId 订单 编号 int 外 键 ， 不 允许 为 空 
ProName 商品 名 称 nvarchar(80) 允许 为 空 
ListPrice decimal(10, 2) 
Qty int 
TotalPrice decimal(10, 2) 


6. 商品 信息 表 


商品 信息 表 (Product) 包括 商品 编号 、 所 属 商品 分 类 编号 、 商 品 单价 、 商 品 成 本 、 供 应 
商 编号 、 商 品名 称 、 商 品 介绍 、 商 品 图 片 和 商品 库存 量 ， 详 细 信息 如 表 15-6 所 示 。 









































表 15-6 商品 信息 表 


ProductId 商品 编号 i 主键 ， 自 动 递增 
CategoryId 所 属 商品 分 类 编号 i 外 键 ， 不 允许 为 空 
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续 表 













类 型 

















ListPrice | decimal(10, 2) | ”允许 为 空 
UnitCost | ”商品 成 本 decimal(10, 2) | ”允许 为 空 
SuppId | ”供应 商 编号 int | “外 键 

Name | nvarchar(80) | 允许 为 空 
Descn nvarchar(255) 人 允许 为 空 


Image 






商品 库存 量 不 允许 为 空 
7 供应 商 信息 表 
供应 商 信息 表 (Supplier) 包括 供应 商 编号 、 供 应 商 名 称 、 供 应 商 地 址 、 供 应 商 所 在 城市 、 
供应 商 所 在 省 〈 自 治 区 、 直 辖 市 )、 供 应 商 所 在 城市 邮编 和 供应 商 电话 ， 详 细 信息 如 表 15-7 
所 示 。 


表 15-7 供应 商 信息 表 





字段 类 型 备注 
SuppId int 主键 ， 自 动 递增 
Name nvarchar(80) 允许 为 空 
Addrl nvarchar(80) 允许 为 空 

Addr2 nvarchar(80) 允许 为 空 

City nvarchar(80) 人 允许 为 空 

State 供应 商 所 在 省 (自治 区 、 直 辖 市 ) nvarchar(80) 允许 为 空 

Zip nvarchar(6) 允许 为 空 

Phone nvarchar(40) 允许 为 空 





15.2.2 ”数据 表 联 系 设计 


为 实现 系统 所 需 的 功能 提供 数据 支持 ， 考 虑 数据 间 的 参照 完整 性 要 求 ，MyPetShop.mdf 
数据 库 中 各 数据 表 的 联系 如 图 15-7 所 示 。 
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图 15-7 数据 表 之 间 的 关联 
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在 图 15-7 中 ,CartItem 表 中 的 CustomerId 和 Prold 都 是 外 键 , 分 别 与 Customer 表 和 Product 
表 关 联 。Order 表 中 的 CustomerId 是 外 键 ， 与 Customer 表 关 联 。OrderItem 表 中 的 OrderId 是 
外 键 ， 与 Order 表 关联 。Product 表 中 的 CategoryId 和 SuppId 都 是 外 键 ， 分 别 与 Category 表 
和 Supplier 表 关 联 。 另 外 ，OrderItem 表 中 的 ProName 和 ListPrice 虽然 不 是 外 键 ， 但 其 数据 
都 来 自 Product 表 。 


15.3 用 户 控件 设计 


15.3.1 “ 热 销 商品 自动 定时 刷新 ”用 户 控件 


“ 热 销 商品 自动 定时 刷新 ”用 户 控件 由 AutoShow.ascx 实现 ， 主 要 包括 一 个 GridView 控 
件 和 多 个 “AJAX 扩展 ”服务 器 控件 (UpdatePanel、UpdateProgress 和 Timer 控件 )， 用 于 自 
动 定时 刷新 热 销 商品 信息 。 运 行 效果 如 图 15-8 所 示 。 


EEC 四 
| 产品 和 名称: Pony | 
产品 价格 : B5.50 
Es 库存 : 100 


上 -页 



























































3 种 后 显示 下 一 个 商品 





图 15-8 “ 热 销 商 品 自动 定时 刷新 ”用 户 控件 运行 效果 


15.3.2 “商品 分 类 列表 ”用 户 控件 


“商品 分 类 列表 ”用 户 控件 由 Category.ascx 实现 ， 主 要 包括 一 个 GridView 控件 ， 用 于 显 
示 商 品 分 类 及 该 分 类 中 包含 的 商品 数量 ， 其 中 商品 分 类 名 显示 为 超 链接 ， 通 过 单 击 商品 分 类 
名 可 进入 该 分 类 的 商品 列表 页 面 。 运 行 效果 如 图 15-9 所 示 。 


15.3.3 “最 新 商品 列表 ”用 户 控件 


“最 新 商品 列表 ”用 户 控 件 由 NewProduct.ascx 实现 ， 主 要 包括 一 个 GridView 控件 ， 用 于 
显示 最 新 商品 信息 , 包括 商品 名 称 和 商品 价格 信息 , 单 击 商品 名 称 将 进入 商品 详细 信息 页 面 。 
运行 效果 如 图 15-10 所 示 。 


商品 名 称 商品 价格 

四 ， pointy ¥35.50 

分 类 名 称 商品 数量 » Panda ¥47.70 

» Fish (2) » Flowerloving ¥25.20 
» Bugs (2) » Domestic ¥45.50 
» Backyard (2 »Zebra ¥40.40 
» Birds (2) »Cat ¥38.50 
» Endangered 2 » Butterfly ¥24.70 

图 15-9 “商品 分 类 列表 ”用 户 控 件 运行 效果 15-10 “最 新 商品 列表 ”用 户 控 件 运行 效果 


15.3.4 “商品 分 类 及 商品 导航 ”用 户 控 件 
“商品 分 类 及 商品 导航 ”用 户 控 件 由 PetTree.ascx 实现 ， 主 要 包含 一 个 TreeView 控件 ， 
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用 于 实现 商品 分 类 及 所 属 分 类 中 所 有 商品 的 导航 功能 。 运 行 效果 如 图 15-11 所 示 。 


分 类 商品 
B Fish 
Meno 
Eucalyptus 
Bugs 
Backyard 
Birds 
Endangered 


图 15-11 “商品 分 类 及 商品 导航 ”用 户 控件 运行 效果 


15.3.5 “网 站 导航 ”用 户 控 件 


“网 站 导航 ”用 户 控件 由 SiteMap.ascx 实现 ， 主 要 包括 一 个 SiteMapPath 控件 ， 实 现 网 站 
导航 功能 。 要 注意 的 是 ， 实 现 网 站 导航 功能 必须 首先 创建 网 站 地 图 文件 Web.sitemap。 
当 用 户 访 问 商品 详细 信息 页 面 时 ,“ 网 站 导航 ”用 户 控件 的 运行 效果 如 图 15-12 所 示 。 


您 的 位 置 : 首页 > 商品 详细 
图 15-12 访问 商品 详细 信息 页 面 时 的 “网 站 导航 ”用 户 控件 运行 效果 


15.3.6 “用 户 状态 ”用 户 控 件 


“用 户 状 态 ” 用 户 控 件 由 UserStatus.ascx 实现 , 实现 根据 不 同 的 登录 用 户 显示 不 同 的 用 户 
登录 状态 信息 和 可 操作 的 功能 。 当 用 户 未 登录 时 显示 “您 还 未 登录 !” 状 态 信 息 。 当 一 般 用 户 
登录 时 显示 “您 好 , 用 户 名 ”状态 信息 ， 同 时 显示 密码 修改 、 购 物 记录 和 退出 登录 三 个 可 操 
作 的 链接 按钮 。 当 管理 员 用 户 登 录 时 显示 “您 好 , 用 户 名 ”状态 信息 ， 同 时 显示 系统 管理 和 
退出 登录 两 个 可 操作 的 链接 按钮 。 

“用 户 状 态 ” 用 户 控件 执行 效果 如 图 15-13 一 图 15-15 所 示 。 





15-13 用户 未 登录 时 的 “用 户 状态 ”用 户 控件 执行 效果 


您 好 , jack 密码 修改 购物 记录 退出 登录 





15-14 ”一般 用 户 登录 时 的 “用 户 状 态 ” 用 户 控件 执行 效果 





您 好 , admin 系统 管理 退出 登录 


图 15-15 管理 员 用 户 登录 时 的 “用 户 状 态 ” 用 户 控件 执行 效果 


15.3.7 “天 气 预报 ”用 户 控 件 


“天 气 预报 ”用 户 控件 由 Weatherascx 实现 ， 主 要 通过 调用 Web 服务 ， 显 示 全 国 所 有 省 
自治区、 直辖 市 ) 的 主要 城市 最 近 三 天 的 天 气 情况 。 
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实现 天 气 预报 功能 有 两 个 关键 步骤 : 一 是 通过 “添加 服务 引用 ”命令 添加 天 气 预报 Web 
服务 , 二 是 调用 天 气 预报 Web 服务 的 相关 方法 来 显示 天 气 预报 信息 , 如 GetCityWeather(string 
cityCode) 方 法 用 于 获取 相应 城市 的 天 气 预报 信息 。 
“天 气 预报 ”用 户 控件 运行 效果 如 图 15-16 所 示 。 
选择 省 / 洲 [下 匡 市 ” “| 选择 城市 [到 笃 天 市 Y] ”直辖市 / 北京 
今日 实况 今日 天 气 详 况 + 气温 : 2C; 风向 /风力 : 西南 风 1 级 湿度 : 21%; 紫外 线 强度 : 最 弱 。 
空气 质量 : 中 。 
天 气 预报 (今天 ) 2 月 22 日 哺 转 多 云 -4"C/9C 西南 风 转 北 风 小 于 3 级 “ 凉 。 必 
天 气 预报 (明天 ) 2 月 23 日 哺 转 阴 -3"C/10Y 东北 风 转 东风 小 于 3 级 夺 
天 气 预报 (后 天 ) 2 月 24 日 多 云 -5'C/4C 南 风 小 于 3 级 ”的 ”性 更 多 信息 


























图 15-16 “天 气 预 报 ” 用 户 控 件 运 行 效果 


注意 : 由 于 所 添加 的 天 气 预 报 Web 服务 来 源 于 Intemet， 因 此 在 添加 服务 引用 和 进行 
果 测 试 时 必须 连通 Intemet。 


15.4 ”前 台 显 示 页 面 设计 


15.4.1 ” 母 版 页 


MyPetShop 应 用 程序 通过 使 用 母 版 页 技术 ， 将 网 站 Logo、 导 航 条 、 网 站 导航 、 版 权 声 明 
以 及 商品 搜索 功能 等 整合 在 一 起 ， 大 大 提高 了 开发 效率 ， 降 低 了 维护 强度 。 同 时 还 应 用 了 
ASPNET Ajax 技术 和 由 Bootstrap 框架 提供 的 Bootstrap.css 样式 表 。 

在 设计 母 版 页 时 有 两 个 关键 步骤 : 

(1) 将 用 户 控 件 添加 到 母 版 页 中 。 其 中 使 用 了 “用 户 状 态 ” 用 户 控件 和 “网 站 导航 ”用 
户 控件 。 

(2) 实现 商品 搜索 功能 。 本 系统 中 的 商品 搜索 功能 使 用 ASPNET Ajax 技术 ， 运 用 
AjaxControlToolkit 程序 包 中 的 AutoCompleteExtender 控件 实现 典型 的 商品 名 称 模糊 查找 功 
能 ， 并 将 所 有 与 搜索 关键 字模 糊 匹 配 的 商品 以 列表 的 形式 显示 。 

母 版 页 界面 设计 如 图 15-17 所 示 。 


a 
MyPetShop 





您 的 位 置 : 根 节点 > 父 节点 > 当前 节点 


图 15-17 和 母 版 页 界面 设计 


15.4.2 首页 
MyPetShop 应 用 程序 的 首页 由 Default.aspx 实现 。 在 首页 中 除了 显示 母 版 页 中 的 内 容 外 ， 





| 
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还 显示 最 新 商品 信息 、 热 销 商 品 信息 、 商 品 分 类 信息 和 天 气 预 报信 息 等 。 

在 首页 前 台 页 面 设 计 中 ， 主 要 涉及 三 部 分 内 容 。 

(1) 使 用 ASPNET Ajax 技术 。 利 用 UpdatePanel 控件 实现 页 面 局 部 刷新 效果 。 

(2) 添加 自 定义 用 户 控 件 。 主 要 使 用 了 四 个 用 户 控 件 :“ 热 销 商 品 自动 定时 刷新 ”用 户 
控件 、“ 最 新 商品 列表 ”用 户 控 件 、“ 商 品 分 类 列表 ”用 户 控 件 和 “天 气 预报 ”用 户 控 件 。 单 
击 最 新 商品 列表 或 商品 分 类 列表 中 的 链接 , 可 以 将 页 面 重 定向 到 商品 详细 信息 页 面 。 单 击 “ 天 
气 预报 ”用 户 控 件 中 的 “更 多 信息 ”链接 ， 可 以 将 页 面 重 定 向 到 天 气 预报 详细 信息 页 面 。 

(3) 首页 包含 的 四 个 内 容 区 域 分 别 对 应 “最 新 商品 列表 ”用 户 控 件 、“ 天 气 预报 ”用 户 
控件 、“ 商 品 分 类 列表 ”用 户 控 件 和 “ 热 销 商 品 自动 定时 刷新 ”用 户 控件 。 

浏览 时 ， 因 为 天 气 预报 信息 通过 Web 服务 方式 从 Internet 获取 ， 因 此 要 求 连通 Intemet。 
浏览 效果 如 图 15-18 所 示 。 


es 


[a 守 ] 


选择 省 / 洲 | 直辖 市 选择 城市 | 选择 城市 v| ”直辖 市 / 北京 

今日 实况 今日 天 气 实 况 : 气温 : 21%C; 风向 /风力 : 东北 风 3 级 ; 湿度 : 29%; 紫外 线 强度 : 最 弱 。 
空气 质量 ; 良 。 

天 气 预报 (今天 ) 5 月 1 日 阴 转 多 云 13Y/24" 北 风 4-5 级 转 3-4 级 

天 气 预报 (明天 ) 5 月 2 日 晴 13'C/24C 西南 风 转 北 风 3-4 级 ” 净 章 

天 气 预 报 (后 天 ) 5 月 3 日 晴 13Y/24"C 南 风 小 于 3 级 转 西南 风 3-4 级 ”名 褒 更 多 信息 





























和 商品 编号 : 
座 品 名 称 : 
商品 价格 : 
库存 : 




















口 3 秒 后 显示 下 一 个 商品 
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图 15-18 首页 Default.aspx 浏览 效果 


15.4.3 ”商品 详细 信息 页 面 


商品 详细 信息 页 面 由 ProShow.aspx 实现 , 可 以 按 商 品 分 类 浏览 该 分 类 所 有 商品 的 详细 信 
息 , 也 可 以 按 商 品名 浏览 特定 商品 的 详细 信息 。ProShow.aspx 界面 设计 主要 包括 两 部 分 内 容 。 

(1) 添加 “商品 分 类 及 商品 导航 ”用 户 控件 。 

(2) 创建 一 个 GridView 控件 。GridView 控件 以 列表 形式 显示 商品 详细 信息 ， 并 提供 分 
页 显示 功能 和 用 于 购买 商品 的 “购买 ”链接 。GridView 控件 每 页 显示 四 个 商品 的 详细 信息 ， 
用 户 通过 单 击 “ 购 买 ” 链 接 ， 可 将 商品 编号 作为 参数 传递 到 购物 车 页 面 ， 并 将 该 商品 加 入 到 
购物 车 中 。 

商品 详细 信息 页 面 浏览 效果 如 图 15-19 所 示 。 
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图 15-19 Fish 类 所 有 商品 详细 信息 页 面 浏 览 效果 


15.4.4 ”商品 搜索 页 面 


商品 搜索 页 面 由 Search.aspx 实现 ， 主 要 实现 模糊 查找 商品 并 显示 商品 详细 信息 的 功能 。 
其 中 ， 模 糊 查找 商品 功能 根据 用 户 指 定 的 查询 关键 字 (由 MasterPage.master 传 入 的 参数 ) 在 
Product 表 中 实现 商品 名 的 模糊 查找 ， 所 有 匹配 的 商品 名 都 将 以 列表 的 形式 显示 。 

Search.aspx 界面 设计 与 ProShow.aspx 非常 相似 ,除了 引用 母 版 页 外 只 须 添加 一 个 “商品 
分 类 及 商品 导航 ”用 户 控件 和 一 个 GridView 控件 。GridView 控件 以 列表 形式 显示 商品 详细 
信息 , 并 提供 分 页 显示 功能 和 购买 商品 的 链接 。GridView 控件 每 页 显示 4 个 商品 的 详细 信息 ， 
用 户 通过 单 击 “ 购 买 ”链接 可 将 商品 编号 作为 参数 传递 到 购物 车 页 面 ， 并 将 该 商品 加 入 到 购 
物 车 中 。 

商品 搜索 页 面 浏览 效果 如 图 15-20 和 图 15-21 所 示 。 













































包 网 站 地 图 
MyPetShop 
您 的 位 置 : 首页 
最 新 商品 
商品 名 称 商品 价格 5 
?Pointgy 335.50 选择 省 / 汀 [下 甘 市 项 市 v|] 。 直 千 市 /北京 
»Panda ¥47.70 今日 实现 今日 天 气 奖 咒 : 气温 : 21C; 风 同 /风力 : 东北 风 3 级 ; 湿度 : 29%; 系 外 线 强度 : 最 弱 。 
» Flowerloving ¥25.20 
» Domestic ¥45.50 天 ) 5 月 1 日 阴 转 多 云 13%C/24T 北 风 4-5 级 转 3-4 级 和 @ 六 
bvZebra ¥40.40 天 气 预报 (明天 ) 5 月 2 日 晴 13C/24C 西南 风 转 北 风 3- 航 半 净 
PCat 338.50 天 气 预 报 ( 后 天 ) 5 月 3 日 晴 13C/24C 南 风 小 于 3 级 转 药 南 风 3-4 级 万” 亡 ”更 多 信息 
» Butterfly ¥24.70 
商品 分 类 
分 类 名 称 商品 数量 
"Fish OO) 
，Buos (CO 
» Backyard 人) 
» Birds (2) 下 一 现 
» Endangered (© Ds 秒 后 显示 下 一 个 商品 
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图 15-20 ”商品 搜索 页 面 浏览 效果 〈 输 入 商品 名 称 为 Flower) 
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图 15-21 模糊 搜索 商品 结果 


15.5 用户 注册 和 登录 模块 设计 


用 户 注册 和 登录 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 为 用 户 提供 如 下 功 
能 : 注册 新 用 户 、 登 录 系 统 、 修 改 用 户 密码 、 找 回 用 户 密码 和 退出 系统 等 。 


15.5.1 ”注册 新 用 户 


注册 新 用 户 功能 由 NewUseraspx 页 面 实现 , 主要 涉及 的 控件 有 文本 框 、 按钮 、 验证 控件 。 
其 中 验证 控件 主要 使 用 RequiredFieldValidator、CompareValidator 和 RegularExpression- 
Validator。 


NewUser.aspx 浏览 效果 如 图 15-22 所 示 。 









购物 车 网 站 地 图 
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ee 
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图 15-22 注册 新 用 户 页 面 浏览 效果 


15.5.2 ”用 户 登 录 
用 户 登录 由 Login.aspx 页 面 实现 ， 主 要 涉及 的 控件 有 文本 框 、 按 钮 、 验 证 控件 。 其 中 验 





























第 15 章 ”MyPetShop 应 用 程序 


证 控件 主要 使 用 RequiredFieldValidator。 
Login.aspx 浏览 效果 如 图 15-23 所 示 。 
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图 15-23 用 户 登录 页 面 浏览 效果 


15.5.3 ”修改 用 户 密 码 


修改 用 户 密码 功能 由 ChangePwd.aspx 页 面 实现 ， 主 要 涉及 的 控件 有 文本 框 、 按 钮 、 验 证 
控件 。 其 中 验证 控件 主要 使 用 RequiredFieldValidator 和 CompareValidator。 
ChangePwd.aspx 页 面 浏览 效果 如 图 15-24 所 示 。 
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图 15-24 ”修改 用 户 密码 页 面 浏览 效果 


15.5.4” 找 回 用 户 密码 


找 回 用 户 密码 功能 由 GetPwd.aspx 页 面 实 现 ， 主 要 涉及 的 控件 有 文本 框 、 按 钮 、 验 证 控 
件 。 其 中 验证 控件 主要 使 用 RequiredFieldValidator 和 RegularExpressionValidator。 
GetPwd.aspx 页 面 浏览 效果 如 图 15-25 和 图 15-26 所 示 。 









































找 回 密码 ， 需 要 验证 邮箱 ! 
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图 15-25 ” 找 回 用 户 密码 页 面 浏览 效果 (1) 
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名 玫 




















图 15-26 找 回 用 户 密码 页 面 浏 览 效果 (2) 


15.5.5 ”退出 系统 


退出 系统 功能 由 “用 户 状 态 ” 用 户 控 件 实现 。 当 用 户 登录 成 功 后 ,页 面 显示 “退出 登录 ” 
链接 按钮 。 单 击 “ 退 出 登录 ”链接 按钮 将 从 系统 中 注销 用 户 。 


1S.6 ”购物 车 模块 设计 


购物 车 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 实现 设计 、 查 看 和 管理 购物 车 
的 功能 ， 包 括 购物 车 存储 设计 、 添 加 商品 到 购物 车 、 查 看 购物 车 中 的 商品 、 修 改 购物 车 中 的 
商品 四 大 部 分 。 购 物 车 功能 模块 由 ShopCartaspx 页 面 实现 。 


15.6.1 ”购物 车 存储 设计 与 实现 


MyPetShop 应 用 程序 的 购物 车 采用 数据 库存 储 技术 设计 和 实现 。 在 数据 库 中 设计 了 
CartItem 信息 表 ， 用 于 存储 用 户 购物 车 内 容 。 不 同 用 户 的 购物 车 详细 内 容 根据 用 户 编号 进行 
区 分 ， 因 此 ， 用 户 只 有 登录 成 功 后 才能 操作 购物 车 。 


15.6.2 ”购物 车 页 面 设计 


ShopCart.aspx 页 面 实现 了 购物 车 的 全 部 功能 ， 包 括 删 除 购物 车 中 商品 、 修 改 购买 数量 和 
清空 购物 车 等 。 在 购物 车 页 面 的 设计 界面 中 ， 包 含 一 个 用 于 显示 购物 车 内 全 部 商品 的 
GridView 控件 .四 个 实现 购物 车 相关 操作 的 Button 控件 和 四 个 用 于 显示 不 同 提示 信息 的 Label 
控件 。 界 面 设计 效果 如 图 15-27 所 示 。 
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图 15-27 购物 车 页 面 的 设计 界面 
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15.6.3 ”购物 车 功能 的 设计 与 实现 


购物 车 功能 实现 针对 购物 车 的 相关 操作 ， 主 要 包括 添加 购物 车 商品 、 删 除 购物 车 商品 、 
修改 购物 车 中 商品 的 数量 、 清 空 购物 车 和 重 定向 到 结算 页 等 功能 。 

1. 添加 购物 车 商品 

在 浏览 商品 详细 信息 页 面 时 ， 单 击 “ 购 买 ”链接 按钮 ， 用 户 将 被 重 定 向 到 ShopCart.aspx 
页 面 ， 同 时 该 商品 的 商品 编号 作为 参数 也 以 查询 字符 串 方式 传递 到 了 该 页 面 ， 并 在 
ShopCart.aspx 页 面 的 Page.Load 事件 处 理 代 码 中 完成 添加 购物 车 商品 和 显示 购物 车 商品 的 功 
能 。 浏 览 效 果 如 图 15-28 所 示 。 
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15-28 ”购物 车 中 添加 商品 后 的 浏览 效果 


2. 删除 购物 车 商品 

在 图 15-28 中 ， 当 用 户 不 想 购 买 某 个 商品 时 ， 可 以 先 选中 相应 商品 前 面 的 复 选 框 ， 然 后 
单 击 “ 删 除 商 品 ” 按 钮 ， 即 可 从 购物 车 中 删除 该 商品 。 

3， 修 改 购物 车 中 商品 的 数量 

当 用 户 将 一 件 商品 添加 到 了 购物 车 后 ， 如 果 还 想 多 买 几 件 相同 的 商品 ， 则 可 通过 修改 购 
物 车 中 商品 的 数量 来 实现 。 此 时 ， 用 户 只 须 修改 图 15-28 中 相应 商品 “购买 数量 ” 列 中 文本 
框 的 值 ， 然 后 单 击 “ 重 新 计算 ”按钮 ， 即 可 重新 计算 购买 商品 的 总 价 。 

4. 清空 购物 车 中 商品 

在 用 户 把 商品 添加 到 购物 车 后 ， 若 不 想 购 买 添加 的 所 有 商品 ， 用 户 可 以 单 击 “ 清 空 购物 
车 ”按钮 ， 删 除 购物 车 中 的 全 部 商品 记录 。 在 清空 购物 车 后 用 户 将 被 重 定向 到 首页 
Defaultaspx。 

5 结算 购物 车 中 所 有 商品 

用 户 选 定 需要 购买 的 商品 后 ， 可 单 击 “ 结 算 ” 按 钮 ， 将 页 面 重 定 向 到 订单 结算 页 面 
SubmitCart.aspx 进行 商品 结算 。 当 然 ， 实 际 工程 中 结算 还 需要 与 电子 支付 等 关联 。 


15.7 订单 处 理 模块 设计 


订单 处 理 主要 实现 订单 管理 功能 ,包括 创建 订单 和 查看 订单 功能 ,分 别 由 SubmitCart.aspx 
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和 OrderListaspx 页 面 实现 。 

订单 处 理 页 面 只 允许 登录 用 户 访问 ， 且 每 个 登录 用 户 只 能 查看 自己 的 订单 详细 信息 。 如 
果 用 户 未 登录 或 者 未 注册 , 当 访 问 订 单 处理 页 面 时 都 将 被 重 定 向 到 用 户 登 录 页 面 Login.aspx， 
待 用 户 注册 、 登 录 后 才 可 继续 访问 订单 处 理 页 面 。 


15.7.1 创建 订单 
当 登 录用 户 单 击 购物 车 页 面 的 “结算 ”按钮 时 ， 页 面 将 被 重 定向 到 创建 订单 页 面 


SubmitCart.aspx。 创 建 订单 页 面 主要 包括 文本 输入 控件 和 数据 验证 控件 ， 实 现 收集 用 户 送 货 
地 址 和 订单 发 票 寄 送 地 址 等 信息 。 浏 览 效 果 如 图 15-29 所 示 。 
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15-29 ”创建 订单 页 面 浏览 效果 


确认 地 址 信息 无 误 后 ， 用 户 单 击 “ 提 交 结 算 ” 按 钮 即 可 创建 订单 ， 并 会 出 现 创建 订单 成 
功 的 提示 信息 。 


1S.7.2 ”查看 订单 
查看 订单 功能 允许 用 户 查 看 自己 的 所 有 订单 信息 , 由 OrderList.aspx 页 面 实现 。 当 用 户 成 
功 购买 商品 后 就 会 产生 相应 的 订单 ， 用 户 可 通过 单 击 “用户 状 态 ”用 户 控 件 中 的 “购物 记录 ” 


链接 ， 将 页 面 重 定向 到 查看 订单 页 面 ， 查 看 自己 的 所 有 购物 记录 。 查 看 订单 页 面 主要 包括 一 
个 GridView 控件 ， 用 于 显示 该 用 户 的 所 有 订单 信息 。 浏 览 效果 如 图 15-30 所 示 。 
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Ee Searoh EE 下 | 
国 Fish 
国 Bugs 阿 单 号 | 用户 号 用 户 名 订单 时 间 | 用 户 地 址 市 邮编 “电话 状态 
Backyard 上 bp jack 018/5/1 16:36:5 和 折 江 省 杭州 市 工人 路 1 号 杭州 B1000013677778888 未 审核 
Birds 
Endangered 





图 15-30 查看 用 户 所 有 订单 信息 浏览 效果 
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15.8 ”后 台 管理 模块 设计 


后 台 管 理 模块 是 所 有 电子 商务 系统 中 必 备 的 功能 模块 ， 主 要 实现 数据 管理 功能 ， 包 括 商 
品 分 类 管理 供应 商 信息 管理 、 商品 管理 和 订单 管理 四 大 部 分 , 实现 页 面 都 保存 在 MyPetShop 
应 用 程序 的 Admin 文件 夹 下 。 

后 台 管 理 模块 只 有 管理 员 登 录 后 才能 进行 操作 ， 本 系统 默认 的 管理 员 账 号 为 admin， 密 
码 为 123。 

注意 : MyPetShop 应 用 程序 未 考虑 管理 员 的 用 户 注 册 、 修 改 、 删 除 等 功能 ， 实 际 工程 中 
需要 完善 这 些 功 能 。 


15.8.1 ”商品 分 类 管理 


商品 分 类 管理 由 CategoryMasteraspx 页 面 实现 ， 主 要 涉及 ObjectDataSource 控件 和 
DetailsView 控件 ,实现 商品 分 类 信息 管理 功能 。DetailsView 控件 以 分 页 方式 显示 商品 分 类 信 
息 ,， 单 击 “ 编 辑 ”“ 删 除 ”“ 新 建 ” 链 接 ， 分 别 可 以 实现 修改 、 删 除 和 添加 商品 分 类 信息 功能 。 
商品 分 类 管理 页 面 浏览 效果 如 图 15-31 所 示 。 

















15-31 商品 分 类 管理 页 面 浏览 效果 


15.8.2 ”供应 商 信 息 管 理 


供应 商 信息 管理 由 SupplierMasteraspx 页 面 实现 ， 主 要 涉及 ObjectDataSource 控件 和 
DetailsView 控件 ， 实 现 供应 商 信息 管理 功能 。DetailsView 控件 以 分 页 方式 显示 供应 商 信息 ， 
单 击 “ 编 辑 ”“ 删 除 ”“ 新 建 ”链接 分 别 可 以 实现 修改 、 删 除 和 添加 供应 商 信息 功能 。 供 应 商 
信息 管理 页 面 浏览 效果 如 图 15-32 所 示 。 





















































图 15-32 ”供应 商 信息 管理 页 面 浏览 效果 
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15.8.3 ”商品 信息 管理 


商品 信息 管理 由 ProductMasteraspx 页 面 实现 ， 主 要 涉及 ObjectDataSource 控件 和 
GridView 控件 ， 实 现 商 品 信息 管理 功能 。 其 中 ，GridView 控件 以 分 页 方式 显示 商品 信息 。 浏 
览 效果 如 图 15-33 所 示 。 
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15-33 ”商品 信息 管理 页 面 浏览 效果 


1. 添加 商品 信息 

添加 商品 信息 由 AddPro.aspx 页 面 实 现 。 当 单 击 商品 信息 管理 页 面 中 “添加 商品 ”链接 
按钮 后 ， 页 面 被 重 定 向 到 AddPro.aspx。 在 AddPro.aspx 页 面 中 ， 使 用 了 多 种 服务 器 控件 和 数 
据 验 证 控件 用 于 商品 信息 的 输入 。 用 户 输入 正确 的 商品 信息 后 ， 单 击 “ 添 加 商品 ”按钮 ， 实 
现 商品 信息 的 添加 。 浏 览 效 果 如 图 15-34 所 示 。 
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图 15-34 添加 商品 信息 页 面 浏览 效果 
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2. 修改 商品 信息 

修改 商品 信息 由 ProductSub.aspx 页 面 实现 。 当 单 击 商 品 信息 管理 页 面 中 的 商品 名 (呈现 
为 超 链接 ) 后 ,页 面 被 重 定向 到 ProductSub.aspx， 同 时 商品 编号 作为 QueryString 参数 传递 到 
ProductSub.aspx。ProductSub.aspx 页 面 使 用 了 多 种 服务 器 控件 和 数据 验证 控件 ， 根 据 传 入 的 
商品 编号 显示 相应 的 商品 信息 。 当 用 户 修改 商品 信息 后 ， 单 击 “ 修 改 商 品 ” 按 钮 将 把 修改 后 
的 商品 信息 保存 到 MyPetShop.mdf。ProductSub.aspx 浏览 效果 如 图 15-35 所 示 。 

AN 
MyPetShop 








商品 名 称 :|Meno 
商品 分 类 :| Fish v 
商品 单价 :|12.10 
单位 成 本 :|11.40 


提供 商 :|XYZ Pets v 


Meno 











描述 ; 








库存 ; 
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图 15-35 ”修改 商品 信息 页 面 浏览 效果 


3， 删除 商品 信息 
在 图 15-33 中 ， 选 中 相应 商品 前 面 的 复 选 框 ， 单 击 “ 删 除 商品 ”按钮 ， 即 可 实现 删除 商 
品 信息 功能 。 


1S.8.4 ”订单 管理 


订单 管理 由 OrderMaster.aspx 页 面 实 现 ， 主 要 利用 GridView 控件 实现 订单 管理 功能 。 浏 
览 效果 如 图 15-36 所 示 。 

1. 查看 订单 详细 信息 

查看 订单 详细 信息 由 OrderSub.aspx 实现 。 每 个 订单 都 包含 一 种 或 一 种 以 上 的 商品 , 当 管 
理 员 用 户 想 查看 订单 详细 信息 时 ， 可 单 击 图 15-36 中 的 “订单 详细 ”链接 ， 页 面 将 被 重 定向 
到 OrderSub.aspx， 同 时 将 订单 编号 作为 QueryString 参数 传递 到 OrderSub.aspx 中 。 








OrderSub.aspx 页 面 根据 获取 的 订单 编号 显示 相应 订单 的 详细 信息 , 包括 组 成 订单 的 详细 购买 
信息 和 订单 的 地 址 信息 等 。 浏 览 效果 如 图 15-37 所 示 。 
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订单 ID: 
客户 名 称 : 
订购 时 间 : 

地 址 1: 
地 址 2: 
城市 : 
区 域 : 
邮编 : 
手机 : 


1 

jack 

2018/5/1 16:36:51 
浙江 省 杭州 市 工人 路 1 号 
浙江 省 杭 放 市 工人 路 1 号 
杭州 
浙江 

310000 

13677778888 
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15-37 订单 详细 信息 页 面 浏 览 效 果 


2， 审 核 订单 


当 用 户 单 击 创建 订单 页 面 中 的 “提交 结算 ”按钮 后 ， 此 时 订单 状态 为 “未 审核 ”。 只 有 
通过 管理 员 审核 ， 用 户 的 购物 行为 才 算是 真正 成 功 。 

在 订单 管理 页 面 ， 选 择 订 单列 表 中 相应 订单 信息 前 面 的 复 选 框 ， 单 击 “ 审 核 商 品 ” 按 钮 ， 
即 可 审核 通过 相应 的 订单 ， 此 时 该 订单 状态 变 为 “已 审核 ”。 浏 览 效果 如 图 15-38 所 示 。 
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图 15-38 订单 审核 后 浏览 效果 


15.9 小 结 


本 章 介绍 了 MyPetShop 应 用 程序 的 开发 过 程 ， 主 要 包括 系统 总 体 设计 和 开发 思路 、 数 据 
库 设 计 、 用 户 控 件 设计 、 前 台 页 面 设 计 、 用 户 注册 和 登录 模块 设计 、 购 物 车 模块 设计 、 订 单 
处 理 模 块 设计 和 后 台 管理 模块 设计 等 。 该 应 用 程序 使 用 VSC 2017 开发 平台 ， 综 合 基于 
ASPNET 三 层 架 构 的 Web 应 用 程序 开发 全 过 程 , 给 出 了 一 个 很 好 的 学 习 模板 。 希望 读者 通过 
学 习 MyPetShop 应 用 程序 ， 了 解 其 设计 思想 ， 进 而 熟悉 和 掌握 基于 ASPNET 三 层 架构 进行 
Web 应 用 程序 开发 的 方法 。 


1S.10 习 题 


上 机 操作 题 

(1) 分 析 并 调试 MyPetShop 应 用 程序 。 

(2) 选择 自己 感 兴趣 的 一 个 Web 应 用 程序 (可 考虑 作为 本 课程 的 课程 设计 题目 ) 进行 设 
计 开 发 ， 要 求 充分 使 用 基于 VSC 2017 开发 平台 的 ASPNET 技术 。 


